2016-12-01 1 views
-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です。

+0

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

+0

あなたはフィドルでコンソールを開いてメッセージを見ることができます。 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

+0

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

答えて

1

コードは私のためにうまくいきました。私は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> 
関連する問題