国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

淺談angularJS 作用域

2019-11-20 12:06:20
字體:
供稿:網(wǎng)友
<!doctype html><html ng-app="firstApp"><head><meta charset="utf-8"><script src="angular-1.3.0.js"></script></head><body><div ng-controller="parentCtrl"><input ng-model="args"><div ng-controller="childCtrl"><input ng-model="args"></div></div><script>var app=angular.module('firstApp',[]);app.controller('parentCtrl',function($scope) {$scope.args = '123';}).controller('childCtrl', function($scope) {});</script>

案例說明:

雖然在 childCtrl 中沒有定義具體的 args 屬性,但是因?yàn)?childCtrl 的作用域繼承自 parentCtrl 的作用域,

因此,childCtrl通過原型鏈 到父作用域args 屬性并設(shè)置到input中。且在父input中輸入值自己動同步到子input中
但是反之不行。即子中修改,無法改變父中的值,且導(dǎo)致父修改后子也不同步了,原因:在子作用域input輸入內(nèi)容時,
因?yàn)?HTML 代碼中 model 明確綁定在 childCtrl 的作用域中,因此 AngularJS 會為 childCtrl 生成一個 args 原始類型屬性。
根據(jù) AngularJS 作用域繼承原型機(jī)制,childCtrl 在自己的作用域找到args屬性值,故就不從父中查找args值。
導(dǎo)致最終子作用域有args,父作用域有args,子和父之間的值不會再保持同步。

以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 禹城市| 崇州市| 崇礼县| 瑞昌市| 九龙县| 崇左市| 西充县| 三台县| 巴彦县| 从江县| 安康市| 景宁| 靖安县| 高要市| 金昌市| 沅江市| 焦作市| 吴川市| 法库县| 五峰| 吉林市| 布尔津县| 西城区| 宜州市| 黄浦区| 三门峡市| 盘山县| 丹江口市| 大理市| 宝坻区| 大连市| 昭觉县| 三穗县| 泰州市| 鄂州市| 乌拉特中旗| 交城县| 资阳市| 凤翔县| 香河县| 乌兰浩特市|