-
NgrxStore和Angular – 大量使用异步管道或在构造函数中只订阅一
所属栏目:[安全] 日期:2020-12-17 热度:115
我开始关注ngrx Store,看到使用Angular异步管道的便利性.同时我不确定是否大量使用Angular异步管道是一个不错的选择. 我举一个简单的例子.让我们假设在同一模板中我需要显示从Store检索的对象(例如Person)的不同属性. 一段模板代码可以 div{{(person$| async[详细]
-
angularjs – 使用Angular js处理Select2事件
所属栏目:[安全] 日期:2020-12-17 热度:175
我在使用Angular js激活我的select2 on-change事件时遇到了问题. 这是我的HTML: select ui-select2="{allowClear:true}" data-placeholder="Select a Department" ng-change="DoSomething()" class="input-max" ng-model="l.DepartmentID" option value=""/[详细]
-
angular – 试图了解RxJS导入
所属栏目:[安全] 日期:2020-12-17 热度:72
我很难弄清楚这个import语句究竟是如何工作的(在一个用Typescript编写的Angular应用程序中): import 'rxjs/add/operator/toPromise'; 我得到rxjs映射到SystemJS配置文件中的相应node_modules子文件夹,但后来我被卡住了.我看到有一个index.js文件,但我不知道[详细]
-
angularjs – Angular $resource无法正确解析整数响应
所属栏目:[安全] 日期:2020-12-17 热度:111
我使用Angular $资源向我的控制器发出请求,在Spring应用程序上实现. 当控制器只返回一个Integer值时,$resource会解析它. 用Firebug检查它我得到类似的东西: Resource { 0="1",1="9",2="1",more...} 其中191只是服务器返回的intger值. 其他复杂对象没有问题([详细]
-
选择器在角度2中究竟做了什么?
所属栏目:[安全] 日期:2020-12-17 热度:102
在这种情况下,选择器会做什么? import { Component } from '@angular/core';import { HighlightDirective } from './highlight.directive';@Component({ selector: 'my-app',templateUrl: 'app/app.component.html',directives: [HighlightDirective]})expo[详细]
-
Angular 2:获取授权标头
所属栏目:[安全] 日期:2020-12-17 热度:91
在我的应用程序(Angular 2 / Ionic 2)中,我实现了自己的登录/身份验证.基本上它的工作方式如下:在登录时,PHP后端正在验证用户名和密码.生成令牌,然后将其发送回标题中的前端(授权).后端的响应如下所示: HTTP/1.1 200 OKHost: localhost:8080Connection: cl[详细]
-
具有动态模板或templateUrl的Angular 2/4组件
所属栏目:[安全] 日期:2020-12-17 热度:119
我一直在努力寻找解决方案. 我有一个具有不同“皮肤”的项目,它们基本上是不同的模板/ Css集合. 我试图让我的组件使用基于变量THEME_DIR的皮肤. 不幸的是,我找不到如何实现这一点.我在angular.io上看了Dynamic Component Loader没有成功. 我也在这里看了几个[详细]
-
在另一个指令的主持人中使用Angular2指令
所属栏目:[安全] 日期:2020-12-17 热度:124
我想通过使用host属性从另一个指令向一个元素添加一个指令,但是似乎没有办法引用另一个指令. @Directive({ selector: '[one]',host: { '[two]': '"some-value"' } // How can I reference DirectiveTwo here?})export class DirectiveOne { }@Directive({ se[详细]
-
Ionic 2 / Angular 2中的全局函数
所属栏目:[安全] 日期:2020-12-17 热度:114
如何设置可在所有视图中访问的全局函数? 在app.component.ts中我添加了一个简单的方法 openShare() {console.log("button clicked")} 然后在我的导航中我有 button ion-button right (click)="openShare()" ion-icon name="md-share"/ion-icon/button 当我[详细]
-
角度 – 离子2轻敲与点击
所属栏目:[安全] 日期:2020-12-17 热度:162
我从angular2和ionic2开始; 在ionic2中,我有一个按钮,可以调用我的组件的方法.喜欢这个: button secondary clear large/button 我应该使用(点击) – angular2 OR(tap) – ionic2? 喜欢这个: (点击) button secondary clear large (click)="pause()"/butto[详细]
-
angularjs指令:如何封装css?
所属栏目:[安全] 日期:2020-12-17 热度:154
在使用Web Components的项目之后,我将回到AngularJS.令我感到沮丧的是,我找不到适当的方法来保持CSS内部(或封装)的指令. 使用Web组件我没有这个问题,因为已经有一个样式标记可以嵌入到模板中. AngularJS指令的情况并非如此. 直到这里,我看到的是: 1)在外部[详细]
-
typescript – 使用@Inputs和s的Angular2
所属栏目:[安全] 日期:2020-12-17 热度:149
我的页面中有一个子导航,在公共主视图下方显示一些子视图.我想通过 router-outlet将对象传递给子视图.这样我就可以在主组件中检索一次数据,然后与我的子组件共享它. 注意:如果我包含指令 one / one在main.html它可以工作,但这不是我想要的行为. 主要观点:[详细]
-
angular – “ng-bootstrap”和“ngx-bootstrap”有什么区别?
所属栏目:[安全] 日期:2020-12-17 热度:122
“ng-bootstrap”和“ngx-bootstrap”有什么区别?它们是否相互关联?或者它们只是并发实现? 有人和他们一起工作,可以给出/解释两者的利弊吗? 使用“ng-bootstrap”我的意思是https://ng-bootstrap.github.io/#/home和 与“ngx-bootstrap”我的意思是http:[详细]
-
typescript – Angular 2.0 – @ViewQuery和@Query之间有什么区
所属栏目:[安全] 日期:2020-12-17 热度:132
从我在QueryList的 Angular 2 documentation中读到的内容,@ Query应该允许将子组件的引用注入到给定组件中. 使用@QueryView我设法获得对子DOM元素的引用,如下所示: // Parent component's templatemy-component #test// Parent componentclass ParentCompon[详细]
-
Angular2 – 从外部验证并提交表单
所属栏目:[安全] 日期:2020-12-17 热度:105
我有一个看起来像这样的简单形式 form (ngSubmit)="save()" #documentEditForm="ngForm".../form 并需要提交表格并从外部检查其有效性. 实际上,正确的做法是 form (ngSubmit)="save()" id="ngForm" #documentEditForm="ngForm" ... /formbutton class="btn-s[详细]
-
angularjs – 如何遍历$firebaseArray
所属栏目:[安全] 日期:2020-12-17 热度:74
我创建了一个像这样的用户数组 – var ref = new Firebase(FIREBASE_URL + '/users');var users = $firebaseArray(ref); 我已经添加了对象,我想循环遍历此数组中的每个用户.我知道在使用ng-repeat的视图中这是可能的,但我需要在控制器中执行此操作.我努力了[详细]
-
angularjs – 我可以获得Angular元素的编译html吗?
所属栏目:[安全] 日期:2020-12-17 热度:71
我使用$compile服务编译了一个元素.如果我将它直接添加到DOM,它看起来很棒,并且所有绑定都是正确的.如果我想将该元素作为字符串,它会显示{{stuffHere}}而不是绑定.有没有办法在编译后获取元素的html? $templateCache.put('template','divdivdivspancontent[详细]
-
angularjs – 根据值应用ng-class
所属栏目:[安全] 日期:2020-12-17 热度:159
我有一个简单的ng-repeat,它显示一个得分列表和一个正面或负面的值. 我想要做的是当值为Negative时,显示红色背景CSS类,当为Positive时,显示绿色CSS类.但是,出于某种原因,我总是在页面上看到红色的CSS类. HTML: tr ng-repeat="scores in Test" ng-class="{tr[详细]
-
AngularJS.返回新的工厂实例
所属栏目:[安全] 日期:2020-12-17 热度:87
我是AngularJS的新手并且遇到过这个问题. 我可以在所有控制器上重新注入我的工厂单例对象吗? 例如: .factory('medicalCenterService',function(MedicalCenterResource) { var medicalCenterService = {}; medicalCenterService.currentMedCenter = Medical[详细]
-
angularjs – 在注销Angular.js时删除模板缓存
所属栏目:[安全] 日期:2020-12-17 热度:87
一旦用户点击注销,如何删除Angular模板缓存?我们进行了彻底的研究,并尝试实施大部分可用的解决方案.我们试过以下 HTML元标记 meta http-equiv="Cache-Control" content="no-cache" /meta http-equiv="Pragma" content="no-cache" /meta http-equiv="Expires[详细]
-
angularjs – 角度标签 – 可排序/可移动
所属栏目:[安全] 日期:2020-12-17 热度:183
是否有任何Angular JS Tabs指令允许对它们重新排序(如浏览器的选项卡) 如果不是一个开始实施将是伟大的 使用angular-ui-bootstap tabset tab ng-repeat="tab in vm.tabs" active="tab.active" sortable-tab /tab tab disabled="true" ng-click"vm.addNewTab([详细]
-
/ angularfire2 / index没有导出的成员’AngularFire’
所属栏目:[安全] 日期:2020-12-17 热度:197
无法解决此问题: app.component.ts import { AngularFire,AuthProviders,AuthMethods } from 'angularfire2';/angularfire2/index has no exported member 'AngularFire',/angularfire2/index has no exported member 'AuthProviders',/angularfire2/index[详细]
-
angular – 如何手动重新渲染组件?
所属栏目:[安全] 日期:2020-12-17 热度:136
我是Angular2的新手,我已经习惯了Angular 1摘要周期,这意味着如果我更新视图的范围,我可以通过调用$scope.$digest()来手动触发摘要.但是,我不确定如何在Angular2中执行此操作,因为新框架没有旧版本具有的隐式数据绑定. 这是我的问题.当有一个带参数的url时,[详细]
-
基金会和AngularJS
所属栏目:[安全] 日期:2020-12-17 热度:127
我正在使用Zurb的Foundation框架来响应和AngularJS修改应用程序.有一个错误,数据显示在表格中 tr ng-repeat =“obj in entries” … / tr具有基于Foundation的响应规则隐藏/显示的 td.不幸的是,当更新角度模型时,Foundation不会重新流动新渲染的DOM. 我试过[详细]
-
Angular.js和Java Applet
所属栏目:[安全] 日期:2020-12-17 热度:64
我试图使用Angular.js通过applet调用java函数但没有成功.我甚至没有加载Applet(当我加载应用程序时,java控制台没有启动).我使用了以下方法但没有成功.有任何想法吗? Binding applet parameters with angularJS angularjs and closing tags PS:它在Chrome中[详细]