博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AngularJs ngCsp、ngFocus、ngBlur、ngForm
阅读量:7236 次
发布时间:2019-06-29

本文共 1365 字,大约阅读时间需要 4 分钟。

ngCsp

处理CSP()的支持。

当开发如google浏览器的扩展时候这个就必须使用。

CSP禁止应用程序使用eval和Function(string)生成的函数。如果我们需要兼容,我们只需要使用$parse执行getterfn而不违反这些限制。

AngularJs使用Function(string)以最佳的速度生成功能。使用ngScp指令会导致Angular使用SCP兼容模式。

格式:ng-csp

使用代码:

这个指令解释的很高大上,不过看到开发google浏览器扩展的时候用,而且平常开发过程中也很少用到,所以就随意提下,感兴趣的可点击上面链接对内容安全策略做个深入的了解。

ngFocus

在focus事件上执行指定表达式。

格式:ng-focus=“value”

value:获取焦点时执行的表达式。

使用代码:

(function () {    angular.module("Demo", [])    .controller("testCtrl", testCtrl);    function testCtrl() {        this.fn = function () {          this.inputValue = "Hello World !!!";      };    };  }());

这个指令功能就是比如当一个input等获取到焦点的时候,执行你指定的表达式函数,达到你需要的目的。 

ngBlur

在blur事件上执行指定表达式。

格式:ng-blur=”value”

value: 失去焦点时执行的表达式。

使用代码:

(function () {    angular.module("Demo", [])    .controller("testCtrl", testCtrl);    function testCtrl() {        this.fn = function () {          this.inputValue = "Hello World !!!";      };    };  }());

这个指令功能就是比如当一个input等失去焦点的时候,执行你指定的表达式函数,达到你需要的目的。 

ngForm

HTML表单元素不允许嵌套。ngForm有可用的嵌套模式,比如有一个子元素的控制需要进行验证。

格式:<ng-form ></ng-form>

贴代码:

关于这个指令,最令人心动的就是嵌套表单了,之前在js或者jquery开发的时候是无法实现多个小表单同时验证通过才能大表单通过验证的效果,因为本身form就不允许嵌套的,然而ngForm解决了这个问题,这样就可以先让所有的嵌套的小表单通过验证,然后才整体通过验证并提交表单了。简直不要太方便~ 

转载地址:http://hzwbm.baihongyu.com/

你可能感兴趣的文章
Linux环境thinkphp配置以及数据源驱动改动
查看>>
C语言之基本算法11—牛顿迭代法求平方根
查看>>
Concurrency and Application Design
查看>>
vuethink 在本地没问题,在服务器报错 , php5.6与php5.5之间的大坑
查看>>
11.使用 package.json
查看>>
idea如何设置类头注释和方法注释
查看>>
白盒测试目录导航
查看>>
linux过滤旧文件中的空行和注释行剩余内容组成新文件
查看>>
[LeetCode] Preimage Size of Factorial Zeroes Function 阶乘零的原像个数函数
查看>>
GraphQL入门1
查看>>
C#委托的介绍(delegate、Action、Func、predicate)
查看>>
巧用Scrum与Kanban
查看>>
半自动化搭建Data Guard的想法和实践(一)
查看>>
巧用flashback database实现灵活的数据回滚
查看>>
oracle 11.2.0.1 for windows server2008r2告警ORA-03137
查看>>
Excel设置下拉菜单并隐藏下拉菜单来源单元格内容
查看>>
腾讯 Bugly for Xamarin Android 的插件
查看>>
开发一个Swing功能时的一点总结
查看>>
[20170520]利用undo表空间保护数据.txt
查看>>
springboot 配置多数据源 good
查看>>