AngularJS - 随笔分类 - Herry彬

Angular TemplateRef

摘要：H5之template元素模版元素是 Web Components 技术中的一种。里面的元素在页面加载时不会呈现，在随后的JS实例化时可以呈现。 template 的类型是 HTMLTemplateElement. 模版元素在 HTMLTemplateElement.content 中，类型阅读全文

posted @ 2019-06-11 14:45 Herry彬阅读(8250) 评论(0) 推荐(0)

Angular ngTemplateOutlet

摘要：虽然我们可以通过使用 ViewContainerRef 将 ElementRef创建的视图插入指定的位置，但是仍然希望有某中快捷的方式帮我们实现。 ngTemplateOutlet与ngComponentOutlet 就是帮我们干这事的。 ngTemplateOutlet 插入 ng-templat 阅读全文

posted @ 2019-06-10 14:12 Herry彬阅读(4795) 评论(0) 推荐(0)

Angular之 ViewEncapsulation 与 Shadow DOM

摘要：Shadow DOM 1、在浏览器中的表现形式以video为例，如下代码：如果不对浏览器任何设置操作，渲染生成的代码和上面的代码分毫不差。然后打开Chrome的开发者模式，在 setting 中勾选显示显示 shadow DOM。浏览器中的渲染结果如下：可以发现，在<video>标签中多了阅读全文

posted @ 2019-06-04 15:15 Herry彬

Angular @Input & @Output

摘要：Input与Output都是属性装饰器。通常用于父子组件通信使用。 @Input 用来定义组件内的输入属性。 .d.ts 文件中定义如下：由定义知道，绑定的属性名是个可写参数。因此，我们可以这定义 Input。（1）不带参数名在父组件使用时，传入的参数值如下：此时，在父组件传入的参数名阅读全文

posted @ 2019-05-10 14:23 Herry彬阅读(506) 评论(0) 推荐(0)

Angular HostListener & HostBinding

摘要：两者都是属性装饰器。 Host Element 从单词上来说 HostListener 与 HostBinding 前面都有 Host。什么是 Host ？ Host：主人，东道主可以推测这两个单词分别用来监听主人的一举一动，为主人新增一些属性。 Host Element 即宿主元素。阅读全文

posted @ 2019-05-08 17:13 Herry彬阅读(557) 评论(0) 推荐(0)

angularJS 输入框实现自定义验证

摘要：此插件使用angular.js、JQuery实现。（jQuery的引入需在angular 之前）用户可以在输入框输入数据后验证必填项、整数型、浮点型验证。如果在form 里面的输入框验证，可以点击提交按钮后，实现必填项验证。效果图如下： (1)验证未通过时，背景标红等样式为 input 阅读全文

posted @ 2017-02-18 23:35 Herry彬阅读(3859) 评论(0) 推荐(0)

angular-ui-route Demo

摘要：Page-1 Page-2 Page-3 阅读全文

posted @ 2016-01-04 17:37 Herry彬阅读(294) 评论(0) 推荐(0)

AngularJs + Web API 页面开发（一）

摘要：AngularJS这个JS框架是个神马东东我也不太清楚，我也是初学者~~ AngularJS适用于single page App，单页面程序都是局部刷新的，这一点和Ajax有第一的区别，因为使用Ajax的一个致命点是会使浏览器的后退按钮失效。在AngularJs中有几个核心的知识点：scope 阅读全文

posted @ 2015-12-22 15:31 Herry彬

C# webApi 与 AngularJs 实现增删改Demo 讲解（一）

摘要：公司在使用webAPI+AngularJs+SlcikGrid进行产品开发，自己也是初学Angular，就做了一个Demo，实现增删改功能，希望可以帮助大家。界面如同所示：数据库一张单表很简单，如图所示：所有JS代码如下： 1 2 3 4 5 ... 阅读全文

posted @ 2014-12-03 22:36 Herry彬阅读(13012) 评论(5) 推荐(3)

随笔分类 - AngularJS