-
angularjs – UI-Router – 更改$状态,而不重新布局/重新加载页
所属栏目:[安全] 日期:2020-12-17 热度:132
我一直在看这些页面( 1, 2, 3)。我基本上想改变我的$状态,但我不想让页面重新加载。 我目前在页面/ schedule / 2/4/2014,我想进入编辑模式,当我单击按钮,并将URL变为/计划/ 2/4/2014 /编辑。 我的编辑状态只是$ scope.isEdit = true,所以没有点重新加[详细]
-
angularjs – 如何枚举ui路由器中注册的状态?
所属栏目:[安全] 日期:2020-12-17 热度:84
我想知道如果有一个方法来列出所有注册的状态,当使用 ui-router 如果你查看$ state.get()的文档的最新版本的ui-router,你会注意到没有传递参数到函数应该返回一个所有配置的状态对象的数组。 /** * @ngdoc function * @name ui.router.state.$state#get *[详细]
-
angularjs – 如何使用ng-if来测试是否定义了一个变量
所属栏目:[安全] 日期:2020-12-17 热度:55
有没有办法使用ng-if来测试一个变量是否被定义,而不只是它的真实性? 在下面的示例(live demo)中,HTML仅显示红色项目的运费,因为item.shipping是定义的且非零。我也想显示蓝色物品的成本(运输已定义但为零),但不显示绿色物品(运输未定义)。 JavaScript:[详细]
-
angularjs – 如何从外部Angular访问/更新$rootScope
所属栏目:[安全] 日期:2020-12-17 热度:144
我的应用程序在$ rootScope中初始化一个对象图,像这样… var myApp = angular.module('myApp',[]);myApp.run(function ($rootScope) { $rootScope.myObject = { value: 1 };}); …然后从该对象图表消耗数据(仅限1向绑定),像这样… pThe value is: {{myObje[详细]
-
Angular 笔记 一、起步
所属栏目:[安全] 日期:2020-12-17 热度:108
input绑定: 要先在app.Module中导入FormModule,否则会Console会报错: Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’ import { FormsModule } from '@angular/forms' ;@NgModule({imports: [ ... FormsModule,.... 绑定input[详细]
-
高级 Angular 组件模式 (1)
所属栏目:[安全] 日期:2020-12-17 热度:177
写在前头 Angular到现在已经到5.x的版本了,对于MVVM框架我首先接触的是angularjs后来又转为react,之后换了工作因项目技术栈的原因又转换到之前的angularjs,在实际工作中实施了公司几个比较重要项目中前端的重构工作,这个过程逐步意识到,对于MVVM框架本[详细]
-
高级 Angular 组件模式 (2)
所属栏目:[安全] 日期:2020-12-17 热度:190
02 Write Compound Components 原文: Write Compound Components 目标 我们需要实现的需求是能够使使用者通过 toggle 组件动态的改变包含在它内部的内容。 实现 我们可以把toggle抽象为一个复合组件,由三个新的组件 toggle-button 、 toggle-on 、 toggle-o[详细]
-
高级 Angular 组件模式 (3a)
所属栏目:[安全] 日期:2020-12-17 热度:122
03-a Communicate Between Components Using Dependency Injection 原文: Communicate Between Components Using Dependency Injection 当前的 toggle 组件仍然存在其他的问题,比如: 我们无法在其中方式多个 toggle-on 或者是 toggle-button 在同一个 togg[详细]
-
高级 Angular 组件模式 (3b)
所属栏目:[安全] 日期:2020-12-17 热度:161
03-b Enhance Components with Directives 原文: Enhance Components with Directives Kent C. Dodds的第四篇文章中的一个重要元素在上一篇文章中没有涉及,使用 withToggle 高阶组件(HoC,react中的常用模式)可以将 toggle-on 、 toggle-off 、 toggle-butto[详细]
-
Angular CLI的那些“坑”
所属栏目:[安全] 日期:2020-12-17 热度:200
在进行angular-cli项目迁移的时候,特别是项目比较复杂的时候,很容易掉坑。下面我就自己的实践经验总结一下自己在进行CLI迁移的时候掉过的一些坑 1.Module build failed: Error: Angular Compiler was detected but it was an instance of the wrong class.[详细]
-
angularjs – ui bootstrap modal的控制器’没有定义’
所属栏目:[安全] 日期:2020-12-17 热度:124
我试图使用从ui-bootstrap 0.6的模态指令 这里是从ui-bootstrap页面的工作默认plunker: http://plnkr.co/edit/JGBiBSeRqOnwRhYA9py8?p=preview 现在,我试图使编码风格适合角??种子风格包括在一个应用程序像这样: http://plnkr.co/edit/Y59rwlcNpQdijKtmjO[详细]
-
AngularJS中模板中的内联逻辑
所属栏目:[安全] 日期:2020-12-17 热度:181
有什么办法在AngularJS中的模板中内联写入逻辑。 我想做的是这样的: div ng-repeat="item in items" {{item.isValid ? 'Valid item' : 'Invalid Item'}}/div 您可以使用和||,这将最终工作就像三元运算符。 {{item.isValid ‘Valid’|| ‘Invalid’}} 编辑[详细]
-
angularjs – 调用文档就绪角函数
所属栏目:[安全] 日期:2020-12-17 热度:110
有没有办法从javascript函数调用angular函数? function AngularCtrl($scope) { $scope.setUserName = function(student){ $scope.user_name = 'John'; }} 我需要在我的html中的以下功能: jQuery(document).ready(function(){ AngularCtrl.setUserName();}[详细]
-
angularjs – app.controller vs angular.js中的函数
所属栏目:[安全] 日期:2020-12-17 热度:182
我在学习angular.js,并想知道什么时候应该使用app.controller(“MyCtrl”,…),当使用函数MyCtrl($ scope){…}时。 我看到在这个例子中的两种方法没有大的区别(link to a plunker): index.html: body ng-app="myApp" div ng-controller="FirstCtrl as ap[详细]
-
关闭动画,模态,角ui
所属栏目:[安全] 日期:2020-12-17 热度:152
是否可以关闭angular-ui中模态伪指令的动画? http://angular-ui.github.io/bootstrap/ 在选项中找不到任何。我应该修改源吗?或者有什么最佳实践,当你想自定义? 目前,引导类嵌入在指令中,需要重写。如果你想防止垂直“漂移”到模态窗口的位置,在你的CS[详细]
-
angularJs - $filter过滤器使用和自定义过滤器
所属栏目:[安全] 日期:2020-12-17 热度:182
1.内置过滤器 $filter 过滤器,是angularJs中用来处理数据以更好的方式展示给我用户。比如格式化日期,转换大小写等等。 过滤器即有内置过滤器也支持自定义过滤器。内置过滤器很多,可以百度。关键是如何使用: 1.在HTML中直接使用内置过滤器 2.在js代码中使[详细]
-
使用ViewContainerRef探索Angular DOM操作技术
所属栏目:[安全] 日期:2020-12-17 热度:94
每当我阅读中遇到,关于Angular中使用DOM的内容时,总会看到一个或几个这样的类:ElementRef,TemplateRef,ViewContainerRef等等。 不幸的是,虽然其中的一些被Angular文档或相关文章所讲述,但是我还没有找到完整的描述以及这些它们是如何工作的。 如果你[详细]
-
如何更新metajs中的元标记?
所属栏目:[安全] 日期:2020-12-17 热度:84
我正在使用angularjs开发应用程序。我想在路由更改上更新元标记。 如何更新可以在页面的“查看源代码”中显示的angularjs中的元标记? 这里是一个html代码 – !DOCTYPE html html ng-app="app" head meta name="viewport" content="width=device-width,initi[详细]
-
typescript – Angular 2 @ViewChild注释返回undefined
所属栏目:[安全] 日期:2020-12-17 热度:171
我试图学习Angular 2。 我想使用@ViewChild注释从父组件访问子组件。 这里有一些代码行: 在BodyContent.ts我有: import {ViewChild,Component,Injectable} from 'angular2/core';import {FilterTiles} from '../Components/FilterTiles/FilterTiles';@Comp[详细]
-
如何使用AngularJS获取选项文本值?
所属栏目:[安全] 日期:2020-12-17 热度:111
我试图使用AngularJS获取一个选项列表的文本值 这里是我的代码片段 div class="container-fluid" Sort by: select ng-model="productList" option value="prod_1"Product 1/option option value="prod_2"Product 2/option /select/divpOrdered by: {{product[详细]
-
如何使用Angularjs将依赖注入到提供程序?
所属栏目:[安全] 日期:2020-12-17 热度:69
是否可以在提供程序方法中做DI? 在这个例子中 angular.module('greet',[]).provider('greeter',function() { this.$get=function() { };}).service('greeterService',function($http){ console.log($http);}); 注入$ http服务似乎是正确的实现,但它不工作[详细]
-
AngularJS,如果变量=某事,使用ng-class分配一个类
所属栏目:[安全] 日期:2020-12-17 热度:152
如果选择了类别,我试图为图标分配不同的类。我想添加类ìcon-pfeil_unten`如果变量category ==一个数字。我试图: i class="icon-pfeil_oben" ng-class="{'icon-pfeil_unten': category.16}"/i 其中16是类别的ID。如果category == 16,什么也没有发生。我想[详细]
-
angularjs – 多个指令[指令#1,指令#2]要求隔离范围
所属栏目:[安全] 日期:2020-12-17 热度:188
我试图在已经存在的指令之上构建一个新的指令,但我在我的进程中停止。加载页面时,我面临以下错误: Multiple directives [directive#1,directive#2] asking for isolated scope on easymodal title="Test-Title" text="Text-Text" oncancel="show = false"[详细]
-
file-upload – Angular 2从输入类型=文件上传文件
所属栏目:[安全] 日期:2020-12-17 热度:180
使用角度2 beta,我似乎不能得到类型文件的输入工作。 使用诊断我可以看到其他类型的文本的双向绑定。 form {{diagnostic}} div class="form-group" label for="fileupload"Upload/label input type="file" class="form-control" [(ngModel)]="model.fileupl[详细]
-
AngularJS自动化测试之karma+jasmine单元测试
所属栏目:[安全] 日期:2020-12-17 热度:112
单元测试专门用于测试小型、独立的代码单元,单个函数,或者较小的功能,其主要难点 在于划分小的功能块。 本位主要介绍AngularJS的单元测试的环境搭建。 Karma是一个基于Node.js的JavaScript测试执行过程管理工具(Test Runner)。该工具可用于测试所有主流[详细]