简介
karma-ng-stripscript-preprocessor 是一个由 angularJS 团队推荐使用的 karma 预处理器。该预处理器使用 JavaScript HTML 解析器过滤掉 HTML 中的 script 标签，并且使得我们可以更方便快捷地测试 AngularJS 应用程序。
安装
第一步是在命令行中安装 karma-ng-stripscript-preprocessor。运行以下命令：
npm install karma-ng-stripscript-preprocessor --save-dev
配置
然后需要添加 karma-ng-stripscript-preprocessor 作为一个预处理器。在 karma 配置文件中，添加以下代码：
preprocessors: {
'**/*.html': ['ng-strip-script']
}使用方法
在我们的测试文件中，我们可以使用 $compile 来编译 HTML 代码。例如：
-- -------------------- ---- -------
------------ ----------- ---------- -
--- ------ --------
----------------------------
-------------------------------------- --------- -
----- - -----------
--- ---- - ----- ---------------------
------- - ----------------------
----------------
----
---------- -- ----------- ---------- -
--------------------------------------------------- ---------
---
---我们可以使用该指令在标记中添加任何属性，我们可以使用该指令在标记中添加任何属性。在这个例子中，我们将在符合指令条件的 DOM 元素上应用 myDirective 指令，并且期待其包含一个 span 元素，其中应该是 "Hello, World!"。
示例代码
以下是一个完整的示例代码：
-- -------------------- ---- -------
-- -------------
-------------- - ---------------- -
------------
----------- ------------
------ -
--------------------------------------
--------------------------------------------------
-----------------------------------------
--------------
---------------
-----------
--
-------------- -
------------ -------------------
--
-------------------------- -
------------- -----
--
- ---- -- --- ---- -- ---------- -- ---- -- ------ ---- --- ---------
- -- --- ------ -- ------ --- ------- ------- ----------- --- ----- ---- --- -
--
--------------- --------
-
---
--// myDirective.js
angular.module('myApp')
.directive('myDirective', function() {
return {
template: '<span>Hello, World!</span>'
};
});<!-- myDirective.html --> <div my-directive></div>
-- -------------------- ---- -------
-- ------------------
------------ ----------- ---------- -
--- ------ --------
----------------------------
-------------------------------------- --------- -
----- - -----------
--- ---- - ----- ---------------------
------- - ----------------------
----------------
----
---------- -- ----------- ---------- -
--------------------------------------------------- ---------
---
---总结
karma-ng-stripscript-preprocessor 工具使得 AngularJS 应用程序的测试变得更加方便和快捷。在测试中即使使用 $compile() 方法来编译 HTML 代码，也可以在期望结果方面给予更精确的测试。这种构建式的开发也体现了 AngularJS 设计开发者的基本思路，并且可以成为学习 AngularJS 和前端类的开发技能的一份不错的指导意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066efd4c49986ca68d8a61