AngularJS中的$parse服務(wù)與$eval服務(wù)用法實(shí)例
更新時(shí)間：2023年05月30日 09:14:39 作者：書(shū)香水墨
這篇文章主要介紹了AngularJS中的$parse服務(wù)與$eval服務(wù)用法,結(jié)合實(shí)例形式分析了AngularJS中$parse服務(wù)與$eval服務(wù)的功能、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下
一、$parse服務(wù)
$parse服務(wù)可以將一個(gè)表達(dá)式轉(zhuǎn)換為一個(gè)函數(shù)。這個(gè)函數(shù)可以被調(diào)用，其中的參數(shù)是一個(gè)上下文對(duì)象，通常來(lái)說(shuō)是作用域。
另外，通過(guò)$parse的表達(dá)式返回的這個(gè)函數(shù)有一個(gè)assign屬性。這個(gè)assign屬性也是一個(gè)函數(shù)，它可以用來(lái)在給定的上下文中改變這個(gè)表達(dá)式的值。
<div my-attr="obj.name" my-directive>testing</div>
app.directive('myDirective',function($log, $parse) {
return function(scope, elem, attrs) {
//解析"my-attr屬性值到一個(gè)函數(shù)中"
var model = $parse(attrs.myAttr);
//model現(xiàn)在是一個(gè)函數(shù)，可以調(diào)用它來(lái)獲取表達(dá)式的值
//下面這行代碼將會(huì)輸出作用域中obj.name的值
$log.log(model(scope));
elem.bind('click',function(){
//'model.assign'也是一個(gè)函數(shù)，它用來(lái)更新表達(dá)式的值
model.assign(scope,'New name');
scope.$apply();
})
}
});上面的例子可以充分體現(xiàn)我們?yōu)槭裁葱枰?parse服務(wù)。如果屬性值是name，那么我們完全可以不用$parse，只用scope[attrs.myAttr]即可。但是在上面的例子中，方括號(hào)并不管用。
二、$eval服務(wù)
$eval是一個(gè)作用域scope中的方法，它將會(huì)在當(dāng)前作用域中執(zhí)行一個(gè)表達(dá)式并返回結(jié)果：
scope.a = 1;
scope.b = 2;
scope.$eval('a+b'); // 3 相關(guān)文章
SCE，即strict contextual escaping,我的理解是 嚴(yán)格的上下文隔離 ...翻譯的可能不準(zhǔn)確，但是通過(guò)字面理解，應(yīng)該是angularjs嚴(yán)格的控制上下文訪問(wèn)，通過(guò)本文給大家介紹AngularJS 使用$sce控制代碼安全檢查，對(duì)angularjs sce相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-01-01
angularjs實(shí)現(xiàn)table增加tr的方法
下面小編就為大家分享一篇angularjs實(shí)現(xiàn)table增加tr的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
angularjs中判斷ng-repeat是否迭代完的實(shí)例
今天小編就為大家分享一篇angularjs中判斷ng-repeat是否迭代完的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
今天小編就為大家分享一篇angularJs利用$scope處理升降序的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
AngularJS實(shí)現(xiàn)動(dòng)態(tài)添加Option的方法
這篇文章主要介紹了AngularJS實(shí)現(xiàn)動(dòng)態(tài)添加Option的方法,涉及AngularJS事件響應(yīng)及頁(yè)面元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-05-05
本篇文章主要介紹了詳解Angular2 之 結(jié)構(gòu)型指令，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06
詳解使用KeyValueDiffers檢測(cè)Angular對(duì)象的變化
這篇文章主要為大家介紹了KeyValueDiffers檢測(cè)Angular對(duì)象的變化使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
indexedDB bootstrap angularjs之 MVC DOMO (應(yīng)用示例)
這篇文章主要介紹了indexedDB bootstrap angularjs之 MVC DOMO (應(yīng)用示例)的相關(guān)資料,需要的朋友可以參考下2016-06-06
Directive的概念在Angular 1.x就存在了，我對(duì)它的認(rèn)識(shí)比較模糊，所以直接通過(guò)一些例子來(lái)說(shuō)明。Angular提供的內(nèi)置執(zhí)行有很多，這次使用兩個(gè)：ngFor、ngIf。2016-08-08
本篇文章主要介紹了Angularjs中使用指令綁定點(diǎn)擊事件的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-03-03