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