AngularJS輔助庫(kù)browserTrigger用法示例
更新時(shí)間：2016年11月03日 10:30:37 作者：破狼
這篇文章主要介紹了AngularJS輔助庫(kù)browserTrigger用法,結(jié)合實(shí)例形式分析了輔助庫(kù)browserTrigger的功能及單元測(cè)試中的使用技巧,需要的朋友可以參考下
本文實(shí)例講述了AngularJS輔助庫(kù)browserTrigger用法。分享給大家供大家參考，具體如下：
今天推薦一款來(lái)自angularjs源碼的單元測(cè)試輔助庫(kù)browserTrigger，這是來(lái)自于ngScenario的一段代碼。主要用戶觸發(fā)瀏覽器型行為更新ng中scope view model的值。
這是angularjs源碼中單元測(cè)試的使用browserTrigger的實(shí)例：
it('should set the model to empty string when empty option is selected', function() {
scope.robot = 'x';
compile('<select ng-model="robot">' +
'<option value="">--select--</option>' +
'<option value="x">robot x</option>' +
'<option value="y">robot y</option>' +
'</select>');
expect(element).toEqualSelect('', ['x'], 'y');
browserTrigger(element.find('option').eq(0));
expect(element).toEqualSelect([''], 'x', 'y');
expect(scope.robot).toBe('');
});
在這段代碼中給browserTrigger傳入你希望選擇的select option，則它會(huì)幫助你tigger change，選中當(dāng)前option，更觸發(fā)更新ng select的viewmodel。
在browserTrigger中還為我們做了很多其他輸入框或者h(yuǎn)tml控件的觸發(fā)接口，同時(shí)也加入了瀏覽器的兼容性。使得我們的測(cè)試更加方便不用考慮瀏覽器兼容性或者不同的html控件trigger不同的事件去更新scope的值。
具體更多信息可參考ng的官方測(cè)試和browserTrigger源碼。
希望本文所述對(duì)大家AngularJS程序設(shè)計(jì)有所幫助。
相關(guān)文章
這篇文章主要介紹了Angular彈出模態(tài)框的兩種方式,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-10-10
Angular6 寫一個(gè)簡(jiǎn)單的Select組件示例
這篇文章主要介紹了Angular6寫一個(gè)簡(jiǎn)單的Select組件示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
angular.js指令中的controller、compile與link函數(shù)的不同之處
最近一位大神問(wèn)了我angular.js指令中的controller、compile與link函數(shù)的不同，想了想居然回答不出來(lái)，所以必須要深入的探究下，下面這篇文章主要介紹了關(guān)于angular.js指令中的controller、compile與link函數(shù)的不同之處，需要的朋友可以參考下。2017-05-05
這篇文章主要介紹了jquery操作angularjs對(duì)象的相關(guān)資料,需要的朋友可以參考下2015-06-06
AngularJS模仿Form表單提交的實(shí)現(xiàn)代碼
本文通過(guò)一段實(shí)例代碼給大家簡(jiǎn)單介紹了angularjs模仿form表單提交的方法，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-12-12
這篇文章主要介紹了AngularJS創(chuàng)建自定義指令的方法,詳細(xì)的分析了自定義指令的原理、實(shí)現(xiàn)步驟、實(shí)現(xiàn)方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-11-11
這篇文章主要介紹了AngularJS的Cookies讀寫操作,結(jié)合實(shí)例形式分析了ngCookies模塊與get和put方法進(jìn)行cookie讀寫操作的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-11-11
Angular頁(yè)面?zhèn)鲄⒂卸喾N辦法，根據(jù)不同用例，本文介紹5種最常見(jiàn)的頁(yè)面?zhèn)鲄⒌姆绞健＞哂泻芎玫膮⒖純r(jià)值。下面跟著小編一起來(lái)看下吧2017-04-04
下面小編就為大家?guī)?lái)一篇基于AngularJS的簡(jiǎn)單使用詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就想給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
解決Angular.js中使用Swiper插件不能滑動(dòng)的問(wèn)題
下面小編就為大家分享一篇解決Angular.js中使用Swiper插件不能滑動(dòng)的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02