2017-04-06 21 views
0

私は自分のサイトに角材を追加しています。私はすべての問題なしに以下のことを実行することができています:

<md-input-container class="md-block" flex-gt-sm> 
    <label>Package</label> 
    <md-select ng-model="vm.search.parameters.package"> 
     <md-option ng-repeat="package in vm.packages.list" value="{{package.id}}"> 
      {{package.name}} 
     </md-option> 
    </md-select> 
</md-input-container> 

しかし、私は変更の機能を起動する必要があるので、私はそうのようなng-changeを追加する必要があります。

<md-input-container class="md-block" flex-gt-sm> 
    <label>Package</label> 
    <md-select ng-model="vm.search.parameters.package" ng-change="vm.updatePhotographersList()"> 
     <md-option ng-repeat="package in vm.packages.list" value="{{package.id}}"> 
      {{package.name}} 
     </md-option> 
    </md-select> 
</md-input-container> 

はこれが初めての作品そして、さえ機能を実行し、正しいデータを返しますが、それは私が再びドロップダウンから選択することができなくなり、コンソールには次のようなエラーが表示されます。

Uncaught TypeError: Cannot read property '$$ngAnimateParentKey' of null 

私はng-を追加しようとしていますそのような要素にクリックしてください:

<md-input-container class="md-block" flex-gt-sm> 
    <label>Package</label> 
    <md-select ng-model="vm.search.parameters.package"> 
     <md-option ng-repeat="package in vm.packages.list" value="{{package.id}}" ng-click="vm.updatePhotographersList()"> 
      {{package.name}} 
     </md-option> 
    </md-select> 
</md-input-container> 

しかし、これらは(関数がng-modelアップデートする前にトリガーのように思える)正しい時間にトリガされません。このエラーの原因は何ですか?また、このエラーを修正するために何ができますか?ここで

は私の依存関係は次のとおりです。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.1.3/angular-material.min.css" /> 
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.1.3/angular-material.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.0/angular-animate.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.0/angular-aria.min.js"></script> 

答えて

0

これはまったくNG-アニメイトで問題ではありませんでした。問題は私のui-routerがリロードを引き起こしていたことでした。私はそれがなぜ問題を引き起こしていたのかまだ分かりませんが、ここではそれを修正したのです。私はcahnged:

$state.transitionTo($state.current.name, newStateParameters); 

に:

$state.transitionTo($state.current.name, newStateParameters, {notify: false}); 
関連する問題