AngularJS中的$parse服務(wù)與$eval服務(wù)用法實例
一、$parse服務(wù)
$parse服務(wù)可以將一個表達式轉(zhuǎn)換為一個函數(shù)。這個函數(shù)可以被調(diào)用,其中的參數(shù)是一個上下文對象,通常來說是作用域。
另外,通過$parse的表達式返回的這個函數(shù)有一個assign屬性。這個assign屬性也是一個函數(shù),它可以用來在給定的上下文中改變這個表達式的值。
<div my-attr="obj.name" my-directive>testing</div>
app.directive('myDirective',function($log, $parse) {
return function(scope, elem, attrs) {
//解析"my-attr屬性值到一個函數(shù)中"
var model = $parse(attrs.myAttr);
//model現(xiàn)在是一個函數(shù),可以調(diào)用它來獲取表達式的值
//下面這行代碼將會輸出作用域中obj.name的值
$log.log(model(scope));
elem.bind('click',function(){
//'model.assign'也是一個函數(shù),它用來更新表達式的值
model.assign(scope,'New name');
scope.$apply();
})
}
});上面的例子可以充分體現(xiàn)我們?yōu)槭裁葱枰?parse服務(wù)。如果屬性值是name,那么我們完全可以不用$parse,只用scope[attrs.myAttr]即可。但是在上面的例子中,方括號并不管用。
二、$eval服務(wù)
$eval是一個作用域scope中的方法,它將會在當前作用域中執(zhí)行一個表達式并返回結(jié)果:
scope.a = 1;
scope.b = 2;
scope.$eval('a+b'); // 3 相關(guān)文章
仿Angular Bootstrap TimePicker創(chuàng)建分鐘數(shù)-秒數(shù)的輸入控件
這篇文章主要為大家詳細介紹了仿Angular Bootstrap TimePicker創(chuàng)建分鐘數(shù)-秒數(shù)的輸入控件的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-07-07
Angular重構(gòu)數(shù)組字段的解決方法示例
這篇文章主要為大家介紹了Angular重構(gòu)數(shù)組字段的解決方法示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-09-09
AngularJS自定義插件實現(xiàn)網(wǎng)站用戶引導(dǎo)功能示例
這篇文章主要介紹了AngularJS自定義插件實現(xiàn)網(wǎng)站用戶引導(dǎo)功能,結(jié)合實例形式分析了AngularJS自定義插件的實現(xiàn)步驟與相關(guān)功能技巧,需要的朋友可以參考下2016-11-11
使用 Angular RouteReuseStrategy 緩存(路由)組件的實例代碼
這篇文章主要介紹了使用 Angular RouteReuseStrategy 緩存(路由)組件的實例代碼,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2019-11-11
angular使用md5,CryptoJS des加密的方法
這篇文章主要介紹了angular使用md5,CryptoJS des加密的方法,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
如何利用AngularJS打造一款簡單Web應(yīng)用
如果大家希望在應(yīng)用程序的創(chuàng)建工作中采取各類最佳實踐,那么AngularJS也能夠帶來極大的助益??偠灾@套框架的強大功能與特性永遠不會讓有著應(yīng)用開發(fā)需求的朋友們失望2015-12-12
詳解使用KeyValueDiffers檢測Angular對象的變化
這篇文章主要為大家介紹了KeyValueDiffers檢測Angular對象的變化使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-04-04
Angular應(yīng)用Bootstrap過程步驟邏輯詳解
這篇文章主要為大家介紹了Angular應(yīng)用Bootstrap過程步驟邏輯詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-07-07

