ng-optionsは選択タグを更新しません

-1

私のアプリケーションから次のコードを取得した場合、ドロップダウンリストはスコープデータで更新されていません。どうすればこの作品を作れますか？親コントローラから子コントローラにドロップダウンオプションを渡す必要があります。私は[$ injector：modulerr]エラーを取得しています。ng-optionsは選択タグを更新しません

<div ng-app="myApp" ng-controller="parentCtrl as pt"> 
    <button ng-click="pt.callChild()">Change Dropdown</button> 
    <div ng-controller="childCtrl as ct"> 
     <select ng-model="ct.selectedName" ng-options="item for item in ct.names"> 
     </select> 
    </div> 
</div>

JS：

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

app.controller('parentCtrl', function ($scope) { 
    var vm = this; 
    var newArray = ["Steve", "Jony"]; 
    vm.callChild = function() { 
    $scope.$broadcast('someEvent', newArray); 
    }; 
}); 

app.controller('childCtrl', function ($scope) { 
    var vm = this; 
    vm.names = ["Emil", "Tobias", "Linus"]; 

    $scope.$on('someEvent', function (e, newArray) { 
     vm.names = newArray; 
    }); 
});

はここfiddleです。

出典

2016-12-01 maverick

初期の結合は、それが全体のことがうまくいかないことは驚くべきことではありません動作しない場合。エラーメッセージ全体を投稿できますか？ – valepu

あなたはフィドルでコンソールを開いてメッセージを見ることができます。 VM66 angular.min.js：6未知のエラー：[$ injector：modulerr] http://errors.angularjs.org/1.4.8/$injector/modulerr?p0=myApp&p1=Error%3A ％2 ... ogleapis.com％2Fajax％2Flibs％2Fangularjs％2F1.4.8％2Fangular.min.js％3A20％3A274）（...） – maverick

コメントを書いたときに申し訳ありませんでした – valepu

コードは私のためにうまくいきました。私はangle 1.5バージョンを取り入れました。

plnkr hereを参照してください。

<head> 
    <meta charset="utf-8" /> 
    <title>AngularJS Plunker</title> 
    <script> 
    document.write('<base href="' + document.location + '" />'); 
    </script> 
    <link rel="stylesheet" href="style.css" /> 
    <script data-require="[email protected]" src="https://code.angularjs.org/1.5.8/angular.js" data-semver="1.5.8"></script> 
    <script src="app.js"></script> 
</head> 



<div ng-app="myApp" ng-controller="parentCtrl as pt"> 
    <button ng-click="pt.callChild()">Change Dropdown</button> 
    <div ng-controller="childCtrl as ct"> 
    <select ng-model="ct.selectedName" ng-options="item for item in ct.names"> 
    </select> 
    </div> 
</div> 

</html>

出典

2016-12-01 12:32:18

ng-optionsは選択タグを更新しません

答えて

関連する問題