5

http://jsfiddle.net/gsche/1/にいくつかの簡略化されたコードを書きました

「更新」リンクをクリックしても、「customer.name」モデルはビューを更新しません。

ローカル コンピューターでコードを作成し、Chrome の Batarang でデバッグしました。

コンソールにエラーは表示されません。Batarang のモデル ページでは、右側の顧客名が変更され、古いスコープ ID に関連付けられていることが示されていますが、$scopes の ID も変更されています。

誰かが私を正しい方向に向けることができますか?

<div ng-app>
    <div ng-controller="MainCtrl">
         <p> <a href="#" ng-click="Refresh()">Refresh</a> </p>
        <p>
            <input type="text" ng-model="customer.name">
        </p>
        <p>{{ customer.name }}</p>
    </div>
</div>


function MainCtrl($scope) {


    $scope.customer = {
        name: 'TTT',
        id: 0
    };

    $scope.Refresh = function ($scope) {
        $scope.customer.name = 'Test';

    };

}

更新 1 08.08.2013 ありがとうございます (@EpokK、@Stewie、@Hippocrates)。私は今、jsfiddle の問題を理解しており、例は正常に動作します。

ただし、私のテスト アプリケーションでは、{{customer.name}} バインディングは機能しますが、[更新] をクリックしてもビューの {{customer.name}} は変更されません。

これが私のアプリケーションの内容です。jsfiddle の例と同じだと思います:

index.html

<!doctype html>
  <head>
    <title>Test</title>
</head>
  <body ng-app="roaMobileNgApp">


    <script src="scripts/angular.js"></script>

    <script src="scripts/angular-ui.js"></script>
    <link rel="stylesheet" href="scripts/angular-ui.css">

    <div class="container" ng-view=""></div>

    <script src="scripts/app.js"></script>
    <script src="scripts/controllers/main.js"></script>


</body>
</html>

app.js

'use strict';

angular.module('roaMobileNgApp', ['ui'])
  .config(function ($routeProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'views/main.html',
        controller: 'MainCtrl'
      })
      .otherwise({
        redirectTo: '/'
      });
  });

main.js

'use strict';

angular.module('roaMobileNgApp')
  .controller('MainCtrl', function ($scope) {


    $scope.customer = {name: '',
                      id: 0};



    $scope.getDetails = function() {
        $scope.customer.name = 'Test';
    };

  });

main.html

<div ng-controller="MainCtrl">

    <a href="#" ng-click="getDetails()">Refresh</a>
    <p><input type="text" ng-model="customer.name"> {{ customer.name }} </p>

</div>
4

3 に答える 3