-
angular2 ngbootstrap 模态框用法
所属栏目：[安全] 日期：2020-12-17 热度：96
import {Component,ViewEncapsulation} from "@angular/core";import {NgbModal} from '@ng-bootstrap/ng-bootstrap';@Component({ selector: 'model-test',encapsulation: ViewEncapsulation.None,styles: [` .dark-modal .modal-content { background-colo[详细]
-
angularJS 常用的渲染指令、事件指令和节点指令
所属栏目：[安全] 日期：2020-12-17 热度：158
渲染指令： 1 ） ng-init ： 初始化变量 例： ng-init="cityArr=[' 上海 ',' 北京 ',' 杭州 ']" 2 ） ng-bind ： 绑定模型 例： p ng-bind= "1+1" / p 3 ） ng-bind-template: 绑定模型 不加 {{}} 则直接绑定内容 例： p ng-bind-template= "{{ 1+3 }}" / p[详细]
-
angular2 pipe 用法
所属栏目：[安全] 日期：2020-12-17 热度：133
input [(ngModel)]="username"{{ username | checkStatus }} import { Pipe,PipeTransform } from '@angular/core';@Pipe({ name: 'checkStatus',pure: false})export class PipeTestComponent implements PipeTransform { transform(value: string): string[详细]
-
Angularjs留存(三)
所属栏目：[安全] 日期：2020-12-17 热度：119
PS： AngularJS留存系列主要是用来记录一些自己在学习其他文章时觉得有必要留存一下的fortune！ 文章可能会很长(默认每篇17个小的知识点)，但是我们可以使用Ctrl + F 来查找啦！ 1、 $parse/$eval和$observe/$watch如何区分 $parse和$eval 首先，$parse跟$ev[详细]
-
ionic之样式button
所属栏目：[安全] 日期：2020-12-17 热度：164
1、实例背景 ionic中常见的按钮button，设置按钮样式用class="button"，这个是设置普通样式 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no" /titleionic之样[详细]
-
ionic之样式button-stable
所属栏目：[安全] 日期：2020-12-17 热度：166
1、实例背景 ionic按钮button，设置样式为button-stable 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no" /titleionic之样式button-stable/titlelink rel="sty[详细]
-
ionic之无序列表
所属栏目：[安全] 日期：2020-12-17 热度：118
1、实例背景 ionic无序列表利用的是ul-li实现，无序列表内容用的是AngularJS赋值，样式用class="list"和class="item" 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scala[详细]
-
Angular Material 教程之布局篇 (五) : 布局参数
所属栏目：[安全] 日期：2020-12-17 热度：120
布局参数 div layout="row" layout-sm="column" div flex I'm above on mobile,and to the left on larger devices. /div div flex I'm below on mobile,and to the right on larger devices. /div/div 有关布局指令的基本说明，请查看“布局和容器”章节。[详细]
-
Angular Material 教程之布局篇 (一) : 布局简介
所属栏目：[安全] 日期：2020-12-17 热度：164
写这篇文章的时候 Angular Material 版本为 1.1.1 基于 Angular v1,基于 Angular 2 的 Angular Material 2 仍在 Alpha 阶段. 布局简介 概览 Angular Material 的布局特性可以使开发人员能够更轻松地基于 CSS3 flexbox 之上创建现代的响应式布局。布局API包含[详细]
-
Angular Material 教程之布局篇 (二) : 布局容器
所属栏目：[安全] 日期：2020-12-17 热度：118
布局容器 布局和容器 使用容器元素上的 layout 指令来为其子元素指定布局方向:水平排列（ layout="row" ）或垂直排列（ layout="column" ）。 请注意，如果指定的 layout 指令没有值，那么 row 是默认的布局方向。 row : 水平排列的项目。 max-height = 100%[详细]
-
Angular Material 教程之布局篇 (四) : 子元素对齐
所属栏目：[安全] 日期：2020-12-17 热度：131
子元素对齐 layout-align 指令需要两值。 第一个值表示子元素如何在布局的水平方向上对齐，第二个值表示子元素如何在布局的垂直方向上对齐。 当指令中只有一个值的时候。 例如， layout="row" layout-align="center" 将使元素居中水平，并垂直使用默认行为。[详细]
-
Angular Material 教程之布局篇 (三) : 布局子元素
所属栏目：[安全] 日期：2020-12-17 热度：123
布局子元素 布局容器内的子元素 要自定义布局容器中元素的大小和位置，请对容器的子元素使用 flex ， flex-order 和 flex-offset 属性： div layout="row" div flex="20" [flex="20"] /div div flex="70" [flex="70"] /div div flex hide-sm hide-xs [flex][详细]
-
Angular 2 组件之间如何通信？
所属栏目：[安全] 日期：2020-12-17 热度：75
转载自：Angular 2 组件之间如何通信？ 组件之间的共享可以有好几种方式 父-子 input 方式 import { Component , Input } from ' angular2/core ' ;@ Component ({ selector : ' child ' ,template ` h2child {{content}}/h2 ` }) class Child { @ Input ()[详细]
-
AngularJS四大核心特性
所属栏目：[安全] 日期：2020-12-17 热度：192
1.MVC 2.模块化 3.双向数据绑定 4.指令[详细]
-
angular 使用UEditor或simditor编辑器
所属栏目：[安全] 日期：2020-12-17 热度：81
通常编辑器的使用其实很简单，官网直接下载引用就好。但是，这一次却遇到问题了，框架使用的是angularJs，不提供jQuery的支持。因为项目要求编辑器是要放在弹窗里面，由于弹窗不是文档一加载就能读取到，因此不能简单的调用就能完事，刚开始放在control始终[详细]
-
前端AngularJS,项目的组织结构
所属栏目：[安全] 日期：2020-12-17 热度：111
最近接触做的一个项目中使用了angularjs，是专门的前端人员搭建的，开发起来感觉还是很方便，只是每增加一个页面，要重复很多个步骤。 1 . partials存放html文件 2 . controllers存放控制js文件 3 . services 存放调用后端方法 4 . main.js 将controller与ht[详细]
-
angular之页面跳转隐藏tab
所属栏目：[安全] 日期：2020-12-17 热度：188
怎么理解这个标题呢—-页面跳转其实也就是路由跳转，隐藏底部或者顶部的tab。 要理解这个思路可以根据类似二叉树的概念来。angular是单页面应用，所以所有的页面都是基于index页面中 ui-view 或者 ion-nav-view ,我们可以把这个看成二叉树的根。现在开始来分[详细]
-
你不了解的Hacker，实现AngularJS Controller的继承扩展
所属栏目：[安全] 日期：2020-12-17 热度：165
直入主题。 AngularJS是一个极其庞大的MVVM框架，其中的Controller是最常用的特性。然而Controller并没有提供继承和扩展的方法。 在实际的业务场景下，不能扩展的Controller很让开发人员头痛。今天我们就来聊聊在AngularJS中有哪些Hacker，让你使用Controlle[详细]
-
ionic之样式复选框
所属栏目：[安全] 日期：2020-12-17 热度：76
1、实例背景 ionic复选框用的是checkbox，checkbox有各种各样的样式 2、实例源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no" /titleionic之样式复选框/titlelink rel=[详细]
-
ionic2-基于angular2的学习总结
所属栏目：[安全] 日期：2020-12-17 热度：121
ionic2学习资料-经验总结 使用fontawesomeUse UseFontAwesomeIconsInYourIonic2AndroidAndiOSApp 但是7.3号的文章，现在的并么有 ionic.config.js 文件。从gulp到rc0的npmscript之后，配置文件不方便修改。所以使用font-awesome就把整个文件夹复制到assets然[详细]
-
《Angular2 从开发到部署系列》之「环境搭建」
所属栏目：[安全] 日期：2020-12-17 热度：189
环境搭建 如果你已经迫不及待想要跳过教程直接开始自己折腾了，这里已经有一份现成的项目备份了。你可以运行下列命令立刻开始自己第一个 Angular2之旅。 # 下载项目git clone https://github.com/musicq/angular2-webpack-express-starter.git# 安装依赖npm[详细]
-
基于AngularJS的个推前端云组件探秘
所属栏目：[安全] 日期：2020-12-17 热度：122
AngularJS是google设计和开发的一套前端开发框架，他能帮助开发人员更便捷地进行前端开发。AngularJS是为了克服HTML在构建应用上的不足而设计的，它非常全面且简单易学习，因此AngularJS快速的成为了javascript的主流框架。 一、Amazing的Angular AnguarJS[详细]
-
ionic之单选框
所属栏目：[安全] 日期：2020-12-17 热度：144
1、实例背景 ionic单选框用的是radio，设置样式item-radio 2、实例源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width"titleionic之单选框/titlelink rel=[详细]
-
angular 2 学习笔记 2--理解项目结构
所属栏目：[安全] 日期：2020-12-17 热度：86
不知如何写文字，先看看官方给的图 没看大明白，因为其中有我们不知道的名词，那先回头看看之前的helloworld 的结构，然后再撸了了一下过程，再想一下mvc 结构，再想一下mvvm ，然后草图一下 最终得到：这图真难看。 看不懂得看热闹，看懂的也看热闹. 得到几[详细]
-
ionic之切换开关
所属栏目：[安全] 日期：2020-12-17 热度：90
1、实例背景 ionic切换开关toggle，设置样式用的是toggle-calm、toggle-light等 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width"titleionic之[详细]
