從 angularjs 應用程序的下拉選項中更新儀表板

Question

我有一個 angularjs 應用程序，它有一個由服務構建的儀表板。 這些服務被稱為傳遞參數，如用戶 ID。

在這個儀表板中，我們有一個提供用戶更改的下拉菜單，當發生這種情況時，我必須更新我的所有服務和儀表板。

我怎樣才能做到這一點？ 提前致謝

Answer 1

請參閱此https://www.codementor.io/angularjs/tutorial/create-dropdown-control ，然后將偵聽器注冊到“用戶更改”字段，如該線程Angular：更新服務並在控制器之間共享數據

你也可以使用$scope.$watch() ( How do I use $scope.$watch and $scope.$apply in AngularJS? , http://jimhoskins.com/2012/12/17/angularjs-and-apply .html )

通常為此使用標准角度控制器。 在下面的輸入字段中的文本名字和姓氏設置為John Doe

 <div ng-app="myApp" ng-controller="myCtrl">

First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{firstName + " " + lastName}}

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.firstName = "John";
    $scope.lastName = "Doe";
});
</script> 

http://www.w3schools.com/angular/angular_controllers.asp

在下拉菜單的控制器中，在單擊“用戶更改”時解析新用戶 ID，並根據新用戶在儀表板中執行所需更改（更改文本字段中的名稱、更新服務（參見上面的鏈接）...）用戶身份。