angularjs如何使用rootscope傳數據
angularjs如何使用rootscope傳數據
寶慕林4294392
2019-07-11 06:06:04
4 回答
回首憶惘然
TA貢獻1847條經驗 獲得超11個贊
局勢通過ng-model來實現，好比是result:{{Uname}}這樣的效果就是首先是刷新頁面顯示input,p的結果都是zs,然后當你的輸入狂里面輸入你的值之后，后面的p標簽的值也跟著改變
叮當貓咪
TA貢獻1776條經驗 獲得超12個贊
Angular js (Angular.JS) 是一組用來開發Web頁面的框架、模板以及數據綁定和豐富UI組件。它支持整個開發進程，提供web應用的架構，無需進行手工DOM操作。 AngularJS很小，只有60K，兼容主流瀏覽器，與 jQuery 配合良好。雙向數據綁定可能是angularjs最酷最實用的特性,將MVC的原理展現地淋漓盡致.
AngularJS的工作原理是:HTML模板將會被瀏覽器解析到DOM中, DOM結構成為AngularJS編譯器的輸入。AngularJS將會遍歷DOM模板, 來生成相應的NG指令,所有的指令都負責針對view(即HTML中的ng-model)來設置數據綁定。因此, NG框架是在DOM加載完成之后, 才開始起作用的.
在html中:
<body ng-app="ngApp">
<div ng-controller="ngCtl">
<label ng-model="myLabel"></label>
<input type="text" ng-model="myInput" />
<button ng-model="myButton" ng-click="btnClicked"></button>
</div>
</body>
在js中:
// angular app
var app = angular.module("ngApp", [], function(){
console.log("ng-app : ngApp");
});
// angular controller
app.controller("ngCtl", [ '$scope', function($scope){
console.log("ng-controller : ngCtl");
$scope.myLabel = "text for label";
$scope.myInput = "text for input";
$scope.btnClicked = function() {
console.log("Label is " + $scope.myLabel);
}
}]);
如上,我們在html中先定義一個angular的app,指定一個angular的controller,則該controller會對應于一個作用域(可以用$scope前綴來指定作用域中的屬性和方法等). 則在該ngCtl的作用域內的HTML標簽, 其值或者操作都可以通過$scope的方式跟js中的屬性和方法進行綁定.
- 4 回答
- 0 關注
- 777 瀏覽
添加回答
舉報
0/150
提交
取消