この単純なAngular contollerの問題を理解できません

AngularJSを初めて使用しましたが、シンプルなコントローラに問題があります。誰もそれで私を助けることができますか？私はなぜSimpleControllerがここで動作しないのか分かりません！ {{name}}のようにフィールドの後ろにテキストボックスの入力が必要です。そして、基本的には、SimpleController' where this list should be filtered byの名前and ordered by予算から検索された顧客のリストを生成する必要があります。... しかし、それはありません！この単純なAngular contollerの問題を理解できません

<html ng-app=""> 
    <head> 
     <title>My Angular with Simple Controller</title> 
    </head> 
    <body> 
    <div ng-controller="SimpleController"> 
     Name: 
     <br /> 
     <input type="text" ng-model="name" /> {{name}} 
     <br /> 
     <h3> Looping with ng-repeat & SimpleController</h3> 
     <ul> 
      <li ng-repeat="cust in customers | filter:name | orderBy:'budget'"> 
       {{cust.name}} - {{cust.city}} - {{cust.budget}} 
      </li> 
     </ul> 
    </div> 

    <script src="angular.min.js"></script> 
    <script> 
     function SimpleController($scope) { 
      $scope.customers = [ 
       {name: 'AAA', city:'cityAAA', budget:'500'}, 
       {name: 'BBB', city:'cityBBB', budget:'5000'}, 
       {name: 'ABC', city:'cityABC', budget:'6000'}, 
      ]; 
     } 
    </script> 
</body> 
</html>

シナリオは（のみng-initを使用して）コントローラを使用することなく、正常に動作

出典

2016-09-24 Sina Hwz

どのようなエラーがスローされますか？バージョン1.3のコントローラとしてのグローバル機能のためのアンギュラ・ドロップ・サポートどのバージョンを使用していますか？ – charlietfl

私はどんなエラーもスローされないと思います...しかし、希望の出力は表示されません！私の現在のバージョンはAngularJS v1.5.8 –

モジュールを作成してコントローラを登録し、ng-appで両方を実装する文書に従います – charlietfl

角度モジュールが追加されたときに細かい動作

：ここは、HTMLとJSコードです。

var myApp = angular.module('myApp',[]);

Fiddle

出典

2016-09-24 12:46:46

@charlietflで述べたように、1.3より高いバージョンではcontollersとしてグローバル関数を含めることはできません。ビューとコントローラを分離する必要があります。私はフィドルも同じように動作すると仮定します。 –

この単純なAngular contollerの問題を理解できません

答えて

関連する問題