
angularjs
LPLIFE
学习接受学习
展开
-
angular的ng-bind 和表达式的区别
效果是一样的,不同的是:如果网页没有被正常地渲染,那么表达式将原型显示出来,用户将看到代码显示在网页上,而即使网页发生错误,无法正常渲染数据,ng-bind将不会将代码显示在网页上。 如下代码,如果我们将angular.min.js文件注释掉,网页将无法识别是否是angular语法,那么我们看看表达式{{}} 和ng-bind将会如何显示 <!DOCTYPE html>...原创 2018-07-23 10:17:10 · 1224 阅读 · 0 评论 -
ng-app-指令
ng-app:这个指令用于告诉angularJS应用当前这个元素是根元素 所有的angularJS应用都必须要有一个根元素 HTML文档只允许有一个ng-app指令,如果有多个ng-app指令,则只有第一个会被使用,后面的都会被忽略掉。 语法: <element ng-app="modulename"> 在 ng-app 根元素上的内容可以包含 AngularJS 代码 &...原创 2018-07-19 11:33:56 · 5079 阅读 · 0 评论 -
angularJs select绑定的model取不到值
前端直接绑定值,不传参数,controller中会一直取到初始化的值,无法实时获取前端select改变的值。 解决办法1:前端调用方法的时候,一边传参数(亲测可用) <select ng-model="speed" name="speed" ng-change="vm.h5Video().Playspeed(speed)> <option value="1" sele...原创 2018-08-24 10:40:12 · 2040 阅读 · 0 评论 -
打造自己的h5播放器
代码未整理,不适合直接用,仅供参考部分,后续整理完整补发 <div class="video-menu"> <div class="video-inner" id="{{vm.progressWrapId}}"> <div class="progress" id="{{vm.progr原创 2018-08-24 14:43:55 · 1374 阅读 · 1 评论 -
angularjs ng-class控制li的样式
被点击时更换样式,点击下一个时恢复默认样式 写得比较简单: <!DOCTYPE html> <html ng-app="myApp"> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/a...原创 2019-04-03 16:10:04 · 642 阅读 · 0 评论