-
angular 写 选项卡
所属栏目:[安全] 日期:2020-12-17 热度:69
!DOCTYPE htmlhtmlheadmeta charset="UTF-8"title/titlestyle type="text/css".active{background:#ca4341;}/style/headscript src="//cdn.bootcss.com/angular.js/1.5.8/angular.js" type="text/javascript" charset="utf-8"/scriptbody ng-app="tabBox"div[详细]
-
angular 百度下拉 jsonp 请求
所属栏目:[安全] 日期:2020-12-17 热度:99
!DOCTYPE htmlhtmlheadmeta charset="UTF-8"title百度下拉jsonp/title/headscript src="//cdn.bootcss.com/angular.js/1.5.8/angular.js" type="text/javascript" charset="utf-8"/scriptbody ng-app="dropBox"div ng-controller="drop"input type="text" ng[详细]
-
angular2 自定义标题组件
所属栏目:[安全] 日期:2020-12-17 热度:158
效果: import {Component,Input,OnInit} from "@angular/core";const css = require('./horizontal.component.css');@Component({ selector: 'custom-div-title',templateUrl: './horizontal.component.html',styles: [ css ]})export class CustomDivTitle[详细]
-
Angularjs自定义指令之省市区三级联动
所属栏目:[安全] 日期:2020-12-17 热度:172
先上图 代码 !DOCTYPE html html lang="zh-CN" ng-app="myApp" head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" meta name="viewport" content="width=device-width,initial-scale=1" script src="jQuery.min.js"/script sc[详细]
-
angularJS 自定义指令 属性:restrict、template、replace
所属栏目:[安全] 日期:2020-12-17 热度:141
假如我们要展示一个用户list,使用angularJS,可以这样做:先在控制器中定义用户列表的数组,再在html中写上相应的dom元素,如下: js: angular.module('myApp',[]).controller('myCtrl',['$scope',function($scope){ $scope.users=[ {id:12,name:'张三'},{i[详细]
-
angularJS 自定义指令 属性:templateUrl
所属栏目:[安全] 日期:2020-12-17 热度:59
angularJS自定义指令中,设置指令的属性template可以定义需要的dom元素,除了使用template,还可以用templateUrl,这个templateUrl可以设置为一个页面的相对路径,如:templateUrl : ' tmp/other.html ' ,意为使用other.html的内容作为模板dom。 或者把temp[详细]
-
angular学习资源
所属栏目:[安全] 日期:2020-12-17 热度:89
https://www.zouyesheng.com/angular.html#toc33[详细]
-
AngularJS学习笔记之directive——scope选项与绑定策略(*******
所属栏目:[安全] 日期:2020-12-17 热度:177
scope:{}使指令与外界隔离开来,使 其模板(template)处于non-inheriting(无继承)的状态,当然除非你在其中使用了transclude嵌入,这点之后的笔记会再详细记录的。但是这显然不符合实际开发中的需求,因为实际上,我们经常想要我们的指令能够在特定的情况下与[详细]
-
angularJS 自定义指令 属性:transclude、priority、terminal
所属栏目:[安全] 日期:2020-12-17 热度:50
自定义指令的属性 transclude:为true时,允许把html中新定义的指令中原来的dom运用到该指令的template中。 属性priority,设置该指令的优先级,优先级大的先执行,默认指令的优先级是0(但ng-repeat指令的优先级默认是1000)。 属性terminal:为true时,指示[详细]
-
什么时候使用Controller、Service、Directive
所属栏目:[安全] 日期:2020-12-17 热度:89
较全面介绍:http://angularjs.cn/A0kK 1、使用 controller : 一个控制器应该是很简洁精炼的 1.初始化 $scope 对象。 2.为 $scope 对象附加行为。 错误的使用方式: 1.操作DOM -- 控制器中应该只包含业务逻辑。把业务逻辑放到控制器中,可以显著提高可测试性[详细]
-
angularJS 自定义指令 方法属性:compile、link
所属栏目:[安全] 日期:2020-12-17 热度:119
自定义指令还有compile属性,这个属性是一个function,在其中可以更改dom元素,或者进行dom元素的事件绑定等。该function中可以返还一个function,返还的这个function就是link。 自定义指令的link属性,也是一个function,通常在其中绑定dom元素的事件。 示例:[详细]
-
angularJS 自定义指令 属性:require
所属栏目:[安全] 日期:2020-12-17 热度:144
示例展示一个指令的template中使用到了另一个指令的例子。 示例html: div ng-app="myApp" div ng-controller="firstController" div book-list/div /div/div js: angular.module('myApp',[]) //定义第一个指令 bookList .directive('bookList',function(){ r[详细]
-
angular2 封装Loading
所属栏目:[安全] 日期:2020-12-17 热度:93
div id="loading" span{{ loading }} i class="fa fa-spinner fa-pulse fa-2x fa-fw" style="color: whitesmoke"/i/span/div import {Component,Input} from "@angular/core";const loadcss = require('./loading1.component.css');@Component({ selector: '[详细]
-
解决OnsenUI单页面应用物理回退问题
所属栏目:[安全] 日期:2020-12-17 热度:93
物理回退,指通过手机按键中的“回退”键实现页面后退功能。在onsenUI单页面应用开发中,由于url地址无变化,导致点击“回退”键直接退出微信内置浏览器( 解决方法适用于浏览器、app、微信 ),那如何解决SPA中的物理回退问题呢?window.location.hash,通[详细]
-
angular2 封装progressbar
所属栏目:[安全] 日期:2020-12-17 热度:117
效果: div class="loadingbar" div span数据加载中...{{value}}%/span ngb-progressbar value="{{value}}"/ngb-progressbar /div/div import {Component,OnInit,Input} from "@angular/core";import {NgbProgressbarConfig} from "@ng-bootstrap/ng-bootstr[详细]
-
爱创课堂2016年Angular.JS前端开发从入门到上手企业开发视频教程
所属栏目:[安全] 日期:2020-12-17 热度:118
爱创课堂 2016 年 Angular.JS 前端开发从入门到上手企业开发视频教程 ( 完整版 ) 内容简介: AngularJS 是为了克服 HTML 在构建应用上的不足而设计的。 HTML 是一门很好的为静态文本展示设计的声明式语言,但要构建 WEB 应用的话它就显得乏力了。所以我做了[详细]
-
Angular.js中的compile pre-link post-link选项的个人理解
所属栏目:[安全] 日期:2020-12-17 热度:73
AngularJS的生命周期 在AngularJS的生命周期中,分为 编译 和 链接 两个阶段。 在编译阶段中,每一个指令可能有会有另外一个指令,AngularJS遍历他们形成了模板树,之后会返回一个模板函数,而在模板函数返回之前DOM都是没有形成的,所以此时ng-repeat指令就[详细]
-
《Angular2 从开发到部署系列》之「第一个 Angular2 应用」
所属栏目:[安全] 日期:2020-12-17 热度:186
前言 抱歉隔了很久才更新。。。 在学习之前,我给大家推荐点学习资料 Angular2官网 官网的文档写的其实很详细了,而且中文文档也同步进行翻译,想要学好 Angular2 就一定要多看文档,这次 Angular2 团队下了很大功夫在文档方面,写的相当详细和全面。 ng-boo[详细]
-
如何在AngularJS中使用插件
所属栏目:[安全] 日期:2020-12-17 热度:175
在实习期间,由于项目的需求,我第一次系统的使用了angular这一优秀的js框架,其所拥有的许多优秀特性极大的方便了项目的开发,然而在开发中也遇到过不少的问题,现在趁自己被抓回学校无所事事的这段时间将自己的开发经历分享给第一次接触angularjs的开发人[详细]
-
angular 1.x多项目共享子项目实践之路
所属栏目:[安全] 日期:2020-12-17 热度:167
背景 公司的产品线涵盖多个产品,这些产品中会有一些相同的功能,如登录,认证等,为了保持这些功能在各个产品中的一致性,我们在各个产品中维护一份相同的代码。这带来了很大的不便:当出现新的需求时,不得不同时在多个产品中更改代码,使它们保持一致。为[详细]
-
angular 解意 网址
所属栏目:[安全] 日期:2020-12-17 热度:152
中国angular互助组 http://showcase.ngnice.com/#/tree/treeData ??[详细]
-
AngularJS 简介
所属栏目:[安全] 日期:2020-12-17 热度:182
AngularJS 是一个 JavaScript 框架。它可通过 script 标签添加到 HTML 页面。 AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。 AngularJS 是一个 JavaScript 框架 AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。 A[详细]
-
Angular 2: ngc 常见错误和解决办法
所属栏目:[安全] 日期:2020-12-17 热度:167
假如你的 Angular 2 代码已经可以在调试环境下正常运行了,但是无法通过 ngc 编译 (或者是一些其他需要编译执行的任务,如 Ionic 2 的 ionic build android 命令等),你会发现一些非常抓狂的错误原因。 TypeError: cannot read property 'kind' of undefined[详细]
-
AngularJS ng-model 指令
所属栏目:[安全] 日期:2020-12-17 热度:57
ng-model 指令用于绑定应用程序数据到 HTML 控制器(input,select,textarea)的值。 ng-model 指令 ng-model 指令可以将输入域的值与 AngularJS 创建的变量绑定。 AngularJS 实例 div ng-app = "myApp" ng-controller = "myCtrl" 名字: input ng-model = "name[详细]
-
AngularJS Scope(作用域)
所属栏目:[安全] 日期:2020-12-17 热度:86
Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。 Scope 是一个对象,有可用的方法和属性。 Scope 可应用在视图和控制器上。 如何使用 Scope 当你在 AngularJS 创建控制器时,你可以将 $scope 对象当作一个参数传递: AngularJS 实例[详细]