-
从AngularJS网址中删除片段标识符(#符号)
所属栏目:[安全] 日期:2020-12-17 热度:197
是否可以从angular.js网址中删除#符号? 我仍然想要能够使用浏览器的后退按钮等,当我更改视图,并将更新的URL与params,但我不想要的#符号。 教程routprovider声明如下 angular.module('phonecat',[]). config(['$routeProvider',function($routeProvider)[详细]
-
angularjs – 使用ng-change选择ng对象
所属栏目:[安全] 日期:2020-12-17 热度:144
给定以下select元素 select ng-options="size.code as size.name for size in sizes " ng-model="item.size.code" ng-change="update(MAGIC_THING)"/select 有没有办法让MAGIC_THING等于当前选择的大小,所以我可以访问size.name和size.code在我的控制器? s[详细]
-
可以传递参数到AngularJS控制器创建吗?
所属栏目:[安全] 日期:2020-12-17 热度:109
我有一个控制器负责与API通信来更新用户,名称,电子邮件等的属性。每个用户都有一个’id’,当查看配置文件页面时,从服务器传递。 我想传递这个值到AngularJS控制器,所以它知道什么API入口点是为当前用户。我试着通过ng-controller中的值。例如: functio[详细]
-
Angular 2 TemplateRef & ViewContainerRef
所属栏目:[安全] 日期:2020-12-17 热度:78
TemplateRef 在介绍 TemplateRef 前,我们先来了解一下 HTML 模板元素 - template 。模板元素是一种机制,允许包含加载页面时不渲染,但又可以随后通过 JavaScript 进行实例化的客户端内容。我们可以将模板视作为存储在页面上稍后使用的一小段内容。 在 HTML[详细]
-
Angular 2 ViewEncapsulation
所属栏目:[安全] 日期:2020-12-17 热度:198
在介绍 Angular 2 ViewEncapsulation 之前,我们先来介绍一下 Web Components 标准。 Web Components 近年来,web 开发者们通过插件或者模块的形式在网上分享自己的代码,便于其他开发者们复用这些优秀的代码。同样的故事不断发生,人们不断的复用 JavaScrip[详细]
-
angular2的组件传值Input和Output
所属栏目:[安全] 日期:2020-12-17 热度:97
import { Component,OnInit } from '@angular/core';@Component({ selector: 'app-parent',templateUrl: './parent.component.html',styleUrls: ['./parent.component.css']})export class ParentComponent implements OnInit { contacts:any=[]; constructo[详细]
-
angular2 http get image 显示到页面
所属栏目:[安全] 日期:2020-12-17 热度:166
我们的server端会返回一个image/* (image/jpeg,image/png等等) 的图片对象,我预先定义了在http请求的入参中返回值的类型为blob export interface RequestOptionsArgs { url?: string; method?: string | RequestMethod; search?: string | URLSearchParams;[详细]
-
angularjs – 处理$http响应服务
所属栏目:[安全] 日期:2020-12-17 热度:98
我最近发布了一个详细的描述我面临的问题 here在SO。由于我不能发送实际的$ http请求,我使用超时模拟异步行为。从我的模型到视图的数据绑定工作正常,借助@Gloopy 现在,当我使用$ http而不是$ timeout(本地测试)时,我可以看到异步请求成功,数据在我的服[详细]
-
如何使用AngularJS重新加载或重新呈现整个页面
所属栏目:[安全] 日期:2020-12-17 热度:153
在渲染整个页面基于几个用户上下文并且做了几个$ http请求后,我想让用户能够切换上下文并重新再次渲染所有$ http请求等等。如果我只是将用户重定向到其他地方,事情工作正常: $scope.on_impersonate_success = function(response) { //$window.location.re[详细]
-
if语句 – 如果else语句在AngularJS模板中
所属栏目:[安全] 日期:2020-12-17 热度:72
我想在AngularJS模板中做一个条件。我从YouTube API获取视频列表。某些视频的比例为16:9,有些视频的比例为4:3。 我想做一个这样的条件: if video.yt$aspectRatio equals widescreen then element's attr height="270px"else element's attr height="360p[详细]
-
在angular-cli项目中使用Scss和Pug(Jade)模板引擎
所属栏目:[安全] 日期:2020-12-17 热度:75
angular-cli自身支持Scss预处理器,Scss比css更加方便灵活,而且层次清晰,代码整洁。关于Scss:http://www.ruanyifeng.com/blog/2012/06/sass.html 如果想设置项目默认使用Scss可以使用如下命令新建项目: ng new My_New_Project --style=scss 这样整个项目[详细]
-
Angular 2 ViewChild & ViewChildren
所属栏目:[安全] 日期:2020-12-17 热度:72
ViewChild ViewChild 是属性装饰器,用来从模板视图中获取匹配的元素。视图查询在 ngAfterViewInit 钩子函数调用前完成,因此在 ngAfterViewInit 钩子函数中,才能正确获取查询的元素。 @ViewChild 使用模板变量名 import { Component,ElementRef,ViewChild,[详细]
-
Angular 2 constructor & ngOnInit
所属栏目:[安全] 日期:2020-12-17 热度:125
在 Angular 2 学习过程中,相信很多初学者对 constructor 和 ngOnInit 的应用场景和区别会存在困惑,本文我们会通过实际的例子,为读者一步步解开困惑。 constructor 在 ES6 中就引入了类,constructor(构造函数) 是类中的特殊方法,主要用来做初始化操作,[详细]
-
angular-file-upload封装为指令+图片尺寸限制
所属栏目:[安全] 日期:2020-12-17 热度:159
不了解angular-file-upload基础使用 请先参考http://blog.csdn.net/lai_xu/article/details/49535847 博客地址 下文如果有更好的建议请多多评论 1. directive.js中的指令编写 /* 上传插件*/app.directive('myUpload',function (FileUploader) { var helper =[详细]
-
AngularJS – 更改路线不会滚动到新页面的顶部
所属栏目:[安全] 日期:2020-12-17 热度:153
我发现一些不受欢迎的,至少对我来说,当路线改变时的行为。 在教程 http://angular.github.io/angular-phonecat/step-11/app/#/phones的步骤11 你可以看到手机列表。如果你滚动到底部并点击最新的一个,你可以看到滚动不在顶部,而是在中间。 我发现这在我[详细]
-
angularjs – 在嵌套ng-repeat中传递2 $ index值
所属栏目:[安全] 日期:2020-12-17 热度:112
所以我有一个ng重复嵌套在另一个ng重复,以构建导航菜单。在每个 在内部ng-repeat循环上,我设置了一个ng-click,它通过传递$ index来调用该菜单项的相关控制器,让应用程序知道我们需要哪个。然而,我还需要传递外部ng重复的$索引,所以应用程序知道我们在[详细]
-
防止在AngularJs中创建不需要的作用域
所属栏目:[安全] 日期:2020-12-17 热度:157
-
AngularJS快捷入口
所属栏目:[安全] 日期:2020-12-17 热度:196
来自菜鸟教程 http://www.runoob.com/angularjs/angularjs-tutorial.html[详细]
-
angular单个页面加载多个ng-app
所属栏目:[安全] 日期:2020-12-17 热度:59
一般angular单个页面只能加载一个ng-app,一个页面会自动加载第一个ng-app,其它ng-app不会被加载。如果想加载多个ng-app就需要使用angular.bootstrap去加载后面的ng-app 相关问题: 单个angular页面能否有两个ng-app 开源中国社区 http://stackoverflow.com[详细]
-
Angular controller调用factory
所属栏目:[安全] 日期:2020-12-17 热度:138
1、定义 factory.js 文件 var appFactorys = angular.module('starter.factorys',[])appFactorys.factory('HouseFactory',function () { var houseList = [ { id: 0,title: '急售北二环 小区配套齐全 精装修',price: '88.0',describe: '2室1厅 120平米',img:[详细]
-
Angular controller调用services
所属栏目:[安全] 日期:2020-12-17 热度:141
1、定义 factory.js 文件 var appFactorys = angular.module('starter.factorys',[])appFactorys.factory('GoodsFactory',function () { var goodsList = [ { "id": 1,"title": "手机","icon": "icon ion-android-phone-portrait calm","href": "#/homes/ind[详细]
-
angular学习(十六)——ngRoute
所属栏目:[安全] 日期:2020-12-17 热度:89
转载请写明来源地址:http://www.jb51.cc/article/p-ulgukfer-bph.html ngRoute简介 路由是angularjs很重要的一环,它可以把你项目的页面串联起来,构成一个项目,常用的路由有ngRoute和ui-route,我这里先讲ngRoute。ngRoute是一个Module,提供路由和深层链[详细]
-
Angular 2 ContentChild & ContentChildren
所属栏目:[安全] 日期:2020-12-17 热度:71
前面的文章我们已经介绍过了 Angular 2 的 ViewChild ViewChildren 属性装饰器,现在我们就来介绍一下它们的兄弟 ContentChild 和 ContentChildren 属性装饰器。我想通过一个简单的需求,来引入我们今天的主题。具体需求如下: 熟悉 Angular 1.x 的用户,应[详细]
-
初识Angular2
所属栏目:[安全] 日期:2020-12-17 热度:138
初识Angular2 Angular 2 是Google推出的一个跨平台全终端的框架 主要有八大架构组成,分别是: module (模块) component (组件) template (模板) metadata (元数据) data binding (数据绑定) directive (指令) service (服务) dependency injection (依赖注[详细]
-
angular.element使用方法及总结
所属栏目:[安全] 日期:2020-12-17 热度:149
在线查询:http://each.sinaapp.com/angular/api/element.html 使用方法: angular.element('#dd0').on('click',function () { var pid = $scope.task; var dd0 = []; var dragOrder = $('#dd0').nestable('serialize'); angular.forEach(dragOrder,function[详细]