AngularJS-在元素內限制ng-init

Question

是否可以限制在元素內使用ng-init創建的變量，而其他元素無法訪問？

請檢查以下示例。

預期結果：單擊myVal值旁邊的按鈕應僅在同一<div>內更改myVal的值

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app> <div ng-init="myVal = 1"> {{myVal}} <button ng-click="myVal = myVal+1">Adds 1</button> </div> <div ng-init="myVal = 1"> {{myVal}} <button ng-click="myVal = myVal+1">Adds 1</button> </div> </div>

Answer 1

是的，您可以通過使用two separate controllers來實現，這些two separate controllers會將示波器保存在兩個div中，

演示

 var app = angular.module("myApp", []); app.controller("myCtrl1", function($scope) { }); app.controller("myCtrl2", function($scope) { });

 <!DOCTYPE html> <html> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> <body ng-app="myApp"> <div ng-controller="myCtrl1" ng-init="myVal = 1"> {{myVal}} <button ng-click="myVal = myVal+1">Adds 1</button> </div> <div ng-controller="myCtrl2" ng-init="myVal = 1"> {{myVal}} <button ng-click="myVal = myVal+1">Adds 1</button> </div> </body> </html>

AngularJS-在元素內限制ng-init

問題描述

1 個解決方案

解決方案1
1 已采納 2017-05-03 17:44:25

AngularJS-在元素內限制ng-init

問題描述

1 個解決方案

解決方案1 1 已采納 2017-05-03 17:44:25

解決方案1
1 已采納 2017-05-03 17:44:25