1.什么是@input @input的作用是定义模块输入,是用来让父级组件向子组件传递内容. 2.@input用法 首先在子组件中将需要传递给父组件的变量用@input()修饰 需要在子组件ts文件import中还添加Input 实例: import {Component, Input, OnInit} from '@angular/core'; 例如: 子组件的ts: @Input() person; //@Input 此命令用来修饰person是用来接收父组件传递的值 前面曾经讲过ngMod

如何用css制作比1px更细的边框 在项目的开发过程中,我们常常会使用到border:1px solid xxx,来对元素添加边框: 可是1px的border看起来还是粗了一些粗,不美观,那么有什么方法可以添加比1px更细的边框呢?这里我们可以用:before或者:after来解决: 1:设置横向的边框: .my_content{ position:relative;} .my_content:before{ position: absolute; right: 0; top: 0; left:

1 输入属性 通常用于父组件向子组件传递信息 举个栗子:我们在父组件向子组件传递股票代码,这里的子组件我们叫它app-order 首先在app.order.component.ts中声明需要由父组件传递进来的值 order.component.ts ... @Input() stockCode: string @Input() amount: string ... order.component.html <p>这里是子组件</p> <p>股票代码为{{stockCod

利用“@angular/forms" 创建<form>表单的时候,系统默认会创建一个”FormGroup"的对象. 使用带有“ngModel"的”<input>“标签时,系统会自动为这个标签创建一个叫做”FormControl"的对象,并且会自动把它添加到”FormGroup"中.而“FormControl"在”FomGroup“中是用"<input>"标签上的”name"属性来做

问题: <!-- 问题标签 --> <select ng-model="sortType"> <option value="1">按日统计</option> <option value="2">按月统计</option> </select> 可以通过将一下方式处理完成 1.select中的option选项通过循环方式渲染 <select ng-options

@HostListener('keydown', ['$event', '$event.keyCode']) onKeyDown($event: KeyboardEvent, keyCode) { if(keyCode !== TAB) { $event.preventDefault(); } // get value for the key const val = String.fromCharCode(keyCode); // get position const cursorPos = t

1.最近写项目经常遇到4个入口菜单放在一行,然后加border:1px 在移动端显示却很粗,如下图: <div class="header"> <div class="div-block color1"> 1 </div> <div class="div-block color2"> 2 </div> <div class="div-block color3"&

Angular 个人深究(三)[由Input&Output引起的] 注:最近项目在做别的事情,angular学习停滞了 1.Angular 中 @Input与@Output的使用 //test2.component.ts import { Component, OnInit,EventEmitter } from '@angular/core'; import { Input,Output } from '@angular/core'; @Component({ selector: 'app-t

环境:angular.js 问题:当你在input框中输入搜索信息,然后回车键,信息消失而且也没有执行查询??? 原因:组合查询的代码不是<button ng-click="ch()">组合查询</button>这样的块状标签,而是<a>或者<div> 当你聚焦输入框的时候,按回车,有搜索后的数据出现,这意味着angular捕获了input的回车事件,并且用button的处理器来处理. 然而,如果你把<button ng-click

使用angularjs也有一年之久了.从初识angularjs时的激动和兴奋到现在淡定的使用,这其中也是有不少的心酸(刚用的时候和各种js插件的配合使用快把我弄疯了). 细想起来.用MVVM的这种js框架也有3年之久了.从最初的knockout到现在的angularjs,对于前端框架的使用确实能够提交开发效率,更能提升用户体系.所有的交互都通过异步来交互.对于现在的移动互联网,尤其需要这些.有了这些框架我们可以更轻松的开发webapp和H5的各类应用.而angular 更是其中的佼佼者. 下面来

Angular 2 VS. React: 血色将至 原文链接:https://medium.com/@housecor/angular-2-versus-react-there-will-be-blood-66595faafd51#.g1eaz7lye 转发来自:http://www.zcfy.cc/article/142 Angular2 已升级到 Beta 版并有可能成为 2016 年最火的新框架.尖峰时刻到了,让我们看看它如何应对 2015 年新宠 React. 声明:我很享受在 Angu

一.驱动层 检查是否有点上报 adb shell getevent -l /dev/input/eventX 检查input设备支持的属性值 adb shell getevent -i /dev/input/eventX 二.Native层 检查驱动上报的点是否被InputReader转发给上层 在TouchInputMapper::sync(nsecs_t when)函数中,打印相关的变量值,检查报点路径是否正常.驱动已经报点,但是上层收不到点的情况大致有以下几种: a. 设备模式被设为禁用模

什么什么?Angualr4都发布了,之前不都才Angualr2的么?又要推翻重来,啊? 那当然不是,Angualr4只是一个版本号而已,本质上还是Angular2:以后,谷歌把新版本的Angualr称为Angualr,而之前的1.x版本叫做AngualrJs1.x. Angualr4的更新内容大致包括以下几个方面.       1.更小.更快 新的版本下,打包的文件将更小,运行也更快. 2.AngularUniversal   AngularUniversal也就是在服务器端渲染Angular

angularjs简单介绍和特点 首先angular是一个mvc框架, 使用mvc解耦, 采用model, controller以及view的方式去组织代码, 会将一个html页面分成若干个模块, 每个模块都有自己的scope, service, directive, 各个模块之间也可以进行通信, 但是整体结构上是比较清晰的, 就是说其代码组织是模块化的, angular的view可能仅仅是一个框架, , 对view的dom操作或者时间监听都是在directive中实现的, 而且一般情况下很少直

又继续读angular文档,发现自己之前理解还是有误.按官方文档的思路service不是属于component的,是属于module的.module才是负责完整领域逻辑的单位.demo的英雄编辑器给我误导了,好像service是从component里拆出去,属于component一样. 问题提出:svg拆分粒度选择 主要问题就是拆分的粒度问题: 1 1个svg图对应1个ng的component 2 1个svg图对应多个compoent, 如<g>里定义若干元素如node,link各自作为组件n

组件Component 组件是构成angular应用的核心,angular的有序运行依赖于组件的协同工作,组件之于angular应用就像是汽车和汽车零部件的意思. 概述 近几年的前端发展迅速,各种工程化的工具层出不穷:Browserify,Grunt,Gulp,Webpack等,有一些工具没等你学会,已经过时了.为了解决这个问题,W3C提出了Web Component标准.通过标准化的非侵入方式封装组件,每个组件都包含自己的HTML.CSS.JavaScript代码,并且不会对页面上的其他组件产

这方法比 on('keydown') 更实时 <input type='text' id='input1'/>$(document).ready(function(){ $('#input1').on('input propertychange', function() { var val= $(this).val(); console.log(val); }); });

Auth 类已经在ThinkPHP代码仓库中存在很久了,但是因为一直没有出过它的教程, 很少人知道它, 它其实比RBAC更方便 . RBAC是按节点进行认证的,如果要控制比节点更细的权限就有点困难了,比如页面上面的操作按钮, 我想判断用户权限来显示这个按钮, 如果没有权限就不会显示这个按钮: 再比如我想按积分进行权限认证, 积分在0-100时能干什么, 在101-200时能干什么. 这些权限认证用RABC都很困难. 下面介绍 Auth权限认证, 它几乎是全能的, 除了能进行节点认证, 上面说的R

Angular - React之争 Angular和React无疑是目前最受追捧的两个前端框架,谷歌也发现Angular1.x不足的地方,开始开发2.0版本,脸书发现React的组件化和虚拟DOM非常好,也同时投资React Native. 00.先比较Angular1.x与React 这两个没什么可比性,Angular着重数据绑定和前端MVC,以及不同模块的依赖注入.React着重于组件化和性能.之前做项目用的Angular,数据绑定很爽,但是作为新手学习曲线确实很陡峭,写个指令不知道scop

一angular是mvvm框架, 而vue是一个渐进式的框架, 相当于view层, 都有双向数据绑定, 但是angular中的双向数据绑定是基于脏检查机制, vue的双向数据绑定是基于ES5的getter和setter来实现, 而angular是有自己实现一套模板编译规则,vue比angular更轻量, 性能上更高效, 比angular更容易上手, 学习成本低, vue需要一个el对象进行实例化, 而angular是整个html页面下的,单页面应用, 而vue可以有过个vue实例. 代码区别参考

今天突然接到电话, 问我他们的区别  虽然平时看了,但是没记住,凉凉是肯定的 总结一下: bootstrap不算是javascript框架,它只是一个前端的ui框架,然后有一些附带的js插件而已.angularjs是一个javascript的mvvm的框架,是为了开发有复杂业务逻辑的CRUD应用而生的 AngularJS是js框架,它定义了如何组织代码,引入了很多概念,如 service, scope, filter, directive等,它实现了双向绑定,只需要更改scope中的数据,视图会