-
AngularJs功能(六)--指令
所属栏目:[安全] 日期:2020-12-17 热度:114
指令 Directive 指令系统(Directive)是Angular应用的一个重要特性。 是通过对DOM元素的标签丶属性来增强HTML表现力,为其增加一些特定功能。 本篇参考文档Angular菜鸟教程 内置指令 这里介绍的是常用的一些angularJs内置指令: 1、ng-model 这个是将表单控[详细]
-
AngularJs功能(七)--服务
所属栏目:[安全] 日期:2020-12-17 热度:164
服务 Service 服务这个概念其实并不陌生,比如在Java语言中便有这样的概念,其作用就是对外提供某个特定的功能,如消息服务,菜单服务等,是一个独立的模块。 angular的服务是这样定义的: Angular services are singletons objects or functions that carry[详细]
-
AngularJs功能(九)--路由
所属栏目:[安全] 日期:2020-12-17 热度:172
何为路由 路由机制运可以实现多视图的单页Web应用(single page web application,SPA)。 单页应用在使用期间不会重新加载页面,所有的数据交互由ajax完成。 非单页应用请求不同url,对SEO很不友善,而且刷新或发送url无法保留浏览进度。 而单页应用前端拥[详细]
-
Eslint规则字典
所属栏目:[安全] 日期:2020-12-17 热度:105
Eslint(二):规则字典 字数:6190 阅读时间:30分钟 Standard规范+Angular规范集合 代码格式 indent "indent": ["error",4] 规定使用几个空格进行缩进。第二个参数表示空格的个数,默认是2个,我们这个设置的是四格。 block-spacing "block-spacing": ["erro[详细]
-
Angular环境搭建和新建项目
所属栏目:[安全] 日期:2020-12-17 热度:168
Windows环境下的NodeJS+NPM的安装和配置 1、安装NodeJS 官网地址: http://nodejs.cn/download/ 下载相应的安装包,安转. 2、检查npm是否安装 如下图: 由于新版的NodeJS已经集成了npm,所以之前npm也一并安装好了。可以使用cmd命令行中键入 npm -v查看npm版本[详细]
-
Angular 5.0 学习6:路由概念篇
所属栏目:[安全] 日期:2020-12-17 热度:121
1.路由与导航概览 在用户使用应用程序时,Angular的路由器能让用户从一个视图导航到另一个视图。 浏览器具有我们熟悉的导航模式: 在地址栏输入URL,浏览器就会导航到相应的页面。 在页面中点击链接,浏览器就会导航到一个新页面。 点击浏览器的前进和后退按[详细]
-
angularjs – 角度ng – 如果不是真的
所属栏目:[安全] 日期:2020-12-17 热度:166
为什么这不工作。 li ng-if =“!area” / li 感觉有点不合逻辑 li ng-if =“area” / li 工作很好。 ‘area’在作用域中定义为true / false 任何解决方法?我宁愿不使用ng-show / ng-hide,因为它们都在DOM中渲染项目。 用这个 ng-if=”area == false” 要[详细]
-
返回promise的单元测试服务Angularjs Jasmine
所属栏目:[安全] 日期:2020-12-17 热度:76
修改每个Michal Charemza职位。 我有一个代表angularui模态对话的服务: app.factory("dialogFactory",function($modal,$window,$q) { function confirmDeleteDialog() { var modalInstance = $modal.open({ templateUrl: "../application/factories/confirm[详细]
-
angularjs – 带隔离范围和ng模型的指令
所属栏目:[安全] 日期:2020-12-17 热度:174
我试图写一个使用隔离范围和ngModel指令的指令。 问题: 当在指令中更新模型时,调用方的值未更新。 HTML: test-ng-model ng-model="model" name="myel"/test-ng-model 指示: app.directive( 'testNgModel',[ '$timeout','$log',function ($timeout,$log)[详细]
-
Angular2:应用程序启动时出错“http:// localhost:3000/trace
所属栏目:[安全] 日期:2020-12-17 热度:157
我有一个全新的安装Angular(rc1)。 我想我刚刚创建了通常的“Hello something”应用程序,但是,当我从浏览器启动应用程序,我得到以下错误在浏览器控制台 任何人可以解释我做错了什么?我必须有一些错误,因为其他更复杂的事情与rc1在我的机器上完美地工作[详细]
-
npm – Angular2 beta – 自举HTTP_PROVIDERS – “意外令牌<
所属栏目:[安全] 日期:2020-12-17 热度:113
从 5 minute quick start开始我一直在玩angular2测试版,并遇到了一个问题,我陷入困境。 这是一个dumbed down版本,显示了我有的问题。首先在这里一个hello世界的应用程序完美工作。 package.json { "name": "...","version": "0.0.1","description": "..."[详细]
-
Angular4--数据绑定、响应式编程
所属栏目:[安全] 日期:2020-12-17 热度:79
概念 Angular中的数据绑定指的是同一组件中控制器文件(.ts)与视图(.html)之间的数据传递。 分类 单向绑定 ts-html div img src="{{imgUrl}}" img [src]="imgUrl" /div html-ts input (keyup)="press($event)" 小结: ts-html 使用插值表达式 {{value}}[详细]
-
《Angular之ng项目搭建、构建、部署简介》
所属栏目:[安全] 日期:2020-12-17 热度:68
前言: 随着项目的深入实践,ng项目的开发、构建、部署也越来也明晰,请随小编来看看吧。 正文: 框架搭建 ng new myProject cnpm install ng serve 构建 开发环境构建:ng build 生产环境构建:ng build --env=prod 服务器部署 1.tomcat部署:构建后的包,[详细]
-
AngularJs功能(八)--表单验证
所属栏目:[安全] 日期:2020-12-17 热度:149
表单验证 表单验证是angularJS一项重要的功能,能保证我们的web应用不会被恶意或错误的输入破坏。Angular表单验证提供了很多表单验证指令,并且能将html5表单验证功能同他自己的验证指令结合起来使用,进而在客户端验证时提供表单状态的实时反[详细]
-
Angular 5.0 学习7:路由实例篇之路由配置
所属栏目:[安全] 日期:2020-12-17 热度:135
1.通过超链接导航 使用一下命令新建一个项目: ng new router --routing // 不加-routing参数,可以在app.module.ts配置路由 生成项目时添加了–routing参数后,会多生成一个app-routing.module.ts文件: import { NgModule } from '@angular/core';import {[详细]
-
angularjs – 在ng重复中动态应用格式化过滤器
所属栏目:[安全] 日期:2020-12-17 热度:114
我的目标是应用一个被设置为循环对象的属性的格式化过滤器。 采取这个对象数组: [ { "value": "test value with null formatter","formatter": null,},{ "value": "uppercase text","formatter": "uppercase",{ "value": "2014-01-01","formatter": "date",[详细]
-
AngularJS 2 – 使用哪种语言? (Typescript,Javascript,Dart)
所属栏目:[安全] 日期:2020-12-17 热度:53
随着AngularJS 2的出现,文档建议三种语言: 打字稿,Javascript和飞镖。 我只习惯了Javascript EcmaScript 5,我想知道这三个的强度和弱点是什么? 在问这个问题的时候,文档是更加发达的Typescript和漂亮的苗条其他人(甚至他们自己的语言Dart): Typescrip[详细]
-
angularjs – 查询字符串参数在ui路由器urls?
所属栏目:[安全] 日期:2020-12-17 热度:76
我有这些状态: .state('quotes',{ abstract: true,url: '/quotes'}).state('quotes.new',{ url: '/new',templateUrl: 'views/quote-form.html',controller: 'QuoteFormCtrl'}).state('quotes.new.customer',{ url: '?customer',controller: 'QuoteFormCtrl'[详细]
-
angularjs – 我的ng模型真的需要有一个点,以避免子$范围问题?
所属栏目:[安全] 日期:2020-12-17 热度:102
根据 https://github.com/angular/angular.js/wiki/Understanding-Scopes,尝试数据绑定到附加到$ scope的原语是一个问题: Scope inheritance is normally straightforward,and you often don’t even need to know it is happening… until you try 2-way[详细]
-
需要在AngularJS输入表单中选择使用的示例
所属栏目:[安全] 日期:2020-12-17 热度:159
我正在尝试使用一组对象 (array = [{name: 'Moe',id:1},{name: 'Larry',id:2},{name: 'Curly',id:3}]) 作为AngularJS输入表单中的下拉选择,我需要一个很糟糕的例子。任何人都可以指出一个可以启发我的jsFiddle吗? 我建议您使用ng选项。 select ng-model="c[详细]
-
在Dart中的AngularJS风格编程?
所属栏目:[安全] 日期:2020-12-17 热度:164
有没有人知道一个图书馆或项目,允许在 Dart的 AngularJS风格的编程? 我想要能够创建注释的HTML文件来声明我的UI,而不是强制实例化一切像在SWT。此外,像数据绑定这样的功能会很有帮助。我可以用Dart代替JS吗? angular.dart – Angular到Dart的官方港口。[详细]
-
angular2 – 无效的配置对象 Webpack已使用配置进行初始化
所属栏目:[安全] 日期:2020-12-17 热度:51
截至今天上午,使用Angular CLI 1.0.0-beta.14的新的try3和ng服务,并得到以下错误: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. - configuration has an unknown prop[详细]
-
angularjs – ng形式的角度ng重复,访问控制器中的验证
所属栏目:[安全] 日期:2020-12-17 热度:190
我试图使用ng-repeat生成一个可编辑的列表。我想提醒用户在继续之前更新任何编辑,所以我使用ng-form快速创建“嵌套”表单,因为文档说我可以在这些动态创建的输入上使用验证。 虽然这似乎在HTML中工作,我看不到如何访问这些动态创建的表单和控制器中的相关[详细]
-
angularjs – 将ngTrueValue和ngFalseValue设置为数字
所属栏目:[安全] 日期:2020-12-17 热度:113
我已经绑定了一个值的复选框: input type="checkbox" ng-model="checkbox" ng-true-value="1" ng-false-value="0" / 在控制器中复选框的值设置为1: function Controller($scope) { $scope.checkbox = 1} 但是,最初该复选框未出现选中状态。如果我将$ scop[详细]
-
如何处理在AngularJS中禁用的JavaScript
所属栏目:[安全] 日期:2020-12-17 热度:129
AngularJS依赖于启用的JavaScript。这意味着如果有人访问在AngularJS内置的应用程序或网站,它将无法正确呈现。 当使用AngularJS时,用于处理禁用JavaScript的访问者的常见惯例是什么? 请解释为什么会是这样? 包括在问题中的是处理有角度的JS指令和{{data_[详细]