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>