-
angularjs – Angular2 TemplateRef选择器
所属栏目:[安全] 日期:2020-12-17 热度:148
在我的 datatable project中,开发人员能够在表声明中声明模板以用于标题单元格和正文单元格. datatable datatable-column name="Name" template let-column="column" Header: {{column.name}} /template template let-value="value" Hi: strong{{value}}/str[详细]
-
AngularJS $http导致两次请求?
所属栏目:[安全] 日期:2020-12-17 热度:52
这是我的JS var rentalkika = angular.module('rentalkika',['ngRoute']);rentalkika.config(function ($routeProvider) { $routeProvider .when('/',{ templateUrl : 'pages/main.html' }) .when('/sewa_mobil',{ templateUrl : 'pages/sewa_mobil.html',co[详细]
-
在Angular2中使用带有FormGroup的jquery-steps
所属栏目:[安全] 日期:2020-12-17 热度:81
请参阅以下示例.我已经将 jquery和 jquery-steps加载到项目中并且它正在运行.但是,在渲染视图后,更改输入框中的数据不会更新表单组mainForm中的值.我相信原因是jquery-steps动态删除并重构了表单的html,因此表单组不再链接到DOM. 在jquery-steps重构html之后[详细]
-
为什么我不应该在Angular 2中的组件中提供服务
所属栏目:[安全] 日期:2020-12-17 热度:156
如果我想在整个应用程序中使用服务,我应该在app.module.ts中将其声明为提供者,但如果在app.component.ts中声明它也可以. 这两种方法有什么显着差异吗? 解决方法 假设您有三个在AppModule中声明的组件.如果您在每个组件中单独提供服务,则每个组件都有自己的[详细]
-
Angular2注入的自定义服务未定义
所属栏目:[安全] 日期:2020-12-17 热度:197
我试图将一个自定义服务(MessageService)注入另一个自定义服务(ItemService).它抛出一个错误MessageService在ItemService中被取消. 但是服务(MessageService和ItemService)都可以正常使用组件. mani.ts import { platformBrowserDynamic } from '@angular/pl[详细]
-
angularjs – Angular:使用$rootScope.$on vs $scope.$on来捕获
所属栏目:[安全] 日期:2020-12-17 热度:194
嗨,我想知道在性能方面哪些更好. 假设我有这个广播东西的工厂: angular.module('core.foo') .factory('Foo',['$rootScope',function FooFactory($rootScope) { $rootScope.$broadcast('bar',baz); } ] ); 并在某个地方(或很多人)监听该事件.什么会更好? 要[详细]
-
Angular 2:共享相同解析器的兄弟姐妹子路由
所属栏目:[安全] 日期:2020-12-17 热度:114
我想弄清楚是否有一种更优化的方式在两个同级儿童路线之间共享相同的解析器.以下是路线与解析器相关的示例. import { CommonModule } from '@angular/common';import { RouterModule } from '@angular/router';import { NgModule } from '@angular/core';exp[详细]
-
Angular 2中的全局管道
所属栏目:[安全] 日期:2020-12-17 热度:78
我想在所有应用程序中提供管道.根据我在Angular文档和互联网中读到的内容,如果我在根模块声明中声明了一个管道,那么它就是所有应用程序中的管道.我有这个AppModule代码: @NgModule({ imports: [ BrowserModule,NavbarModule],declarations: [ AppComponent,[详细]
-
angularjs – 角度多个md主题样式
所属栏目:[安全] 日期:2020-12-17 热度:200
我刚开始使用棱角分明的材料. 我有一个空白页面(基本设置)如下: HTML: html lang="en" headmeta name="viewport" content="width=device-width,initial-scale=1"link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.[详细]
-
Angular 2:使用组件选择器应用CSS样式
所属栏目:[安全] 日期:2020-12-17 热度:126
我正在学习Angular 2,我想知道是否可以通过使用组件选择器来应用css样式: 组件 @Component({ selector: 'app',styleUrl: './local.css',templateUrl: './app.html',})export class AppComponent { } 风格 app { width: 10px; height: 100px; background-col[详细]
-
Angular 2 Markup – 如果String为Empty,则显示其他内容
所属栏目:[安全] 日期:2020-12-17 热度:128
所以在AngularJS中,有一种方法,在标记中,将数据绑定到这样的字符串: {{myString | 'N/A'}} 这样做,在一次快速滑动中,显示字符串,如果它不是空的.如果它是空的,它将显示管道后面的文本. 现在我正在使用Angular 2,我正在尝试做同样的事情,除了我似乎无法找到[详细]
-
Angular 2:模板驱动表单,将对象从选定元素传递到提交对象
所属栏目:[安全] 日期:2020-12-17 热度:74
你好,我是Angular 2的新手,我正在寻找一种解决这个问题的好方法.所以我的用户对象里面包含另一个对象.该用户是一个界面: export interface userModel{ name: string,service: Service} 获得了一系列用于创建新用户的服务和表单. form #f="ngForm" (submit)=[详细]
-
Angular 2 * ng如果没有更新HTML模板
所属栏目:[安全] 日期:2020-12-17 热度:145
为什么* ngIf没有更新模板?无论isVisible在2秒后变为false,都会显示标题hello. @Component({ selector: 'my-app',template: ` h1 *ngIf="isVisible == true"{{title}}/h1 `})export class AppComponent { title = 'Hello!'; isVisible = true; constructor([详细]
-
angularjs – ng-model中可能的连接?
所属栏目:[安全] 日期:2020-12-17 热度:52
只是一个简单的问题是,可以将ng-model中名为“id”的字符串连接到 angularjs中的变量product.id?有这样的方法可以实际工作吗? 这有效: ng-model="currentQuantity['id1']" 这不起作用: ng-model='currentQuantity[id + "" + product.id]' 解决方法 您需[详细]
-
Angular2-删除后更新UI
所属栏目:[安全] 日期:2020-12-17 热度:181
我有一个angular2应用程序,其后端是在 java中.我有一份客户名单.当我单击以删除客户时,客户将被删除,但列表不会更新.如果我手动刷新页面,则列表会更新.我尝试在delete方法的订阅中路由到列表组件,但这不起作用. 列表customers.component.html tr [class.warn[详细]
-
Angular 2通过插值为ngClass添加值
所属栏目:[安全] 日期:2020-12-17 热度:165
假设我在数组中有一些对象(让我们调用数组“items”),如{title:“Title”,value:true},我使用ngFor来显示它们: h1 * ngFor =“让项目项目” {{item.title}} / h1 现在假设我想根据item.value是true还是false来显示h1上的类. 我怎样才能做到这一点? 我无[详细]
-
Angular 2找不到我的功能模块中声明的组件
所属栏目:[安全] 日期:2020-12-17 热度:76
我很难让模块在Angular 2中运行. 我创建了 a plunk来演示这个问题. 在插件中,你会看到我有app.module.该模块导入app-common.module,其中包含一个显示页眉的组件.顶级组件的模板app.component包含此组件的选择器. 这是app.common.module: @NgModule({imports[详细]
-
角度 – * ngFor中的条件
所属栏目:[安全] 日期:2020-12-17 热度:128
我有两个字符串数组,我想迭代其中一个取决于条件.如何避免代码重复?现在* ngIf现在: tr *ngIf="!condition" td *ngFor="let field of firstArray"{{field}}/td/trtr *ngIf="condition" td *ngFor="let field of secondArray"{{field}}/td/tr 有没有更好的[详细]
-
Angular2 CanActivate后卫无法正常工作
所属栏目:[安全] 日期:2020-12-17 热度:185
我正在使用Observable boolean返回canActivate(). 设置了以下功能进行测试,并且正确解析,显示组件. canActivate(route: ActivatedRouteSnapshot,state: RouterStateSnapshot): Observableboolean { return Observable.from([{ admin: true }]).map(x = { if[详细]
-
角 – 叉连接两个火基可观测量
所属栏目:[安全] 日期:2020-12-17 热度:52
我正在使用angular2fire.我正在查询并试图从一个城市获得所有的旅行. getAllTours(cityId) { return this.af.database.list(`/cities/${cityId}/tours`) .map((tours): any = { tours.map((tour: any) = { tour.tour = this.af.database.object(`/tours/${to[详细]
-
Angular 2 RC.5共享模块找不到管道
所属栏目:[安全] 日期:2020-12-17 热度:150
我正在更新我的应用程序以使用模块结构,当我尝试将我的管道组件添加到共享模块时,我遇到了一个奇怪的问题.从我所读到的,我已经把一切都设置得正确,所以我必须遗漏一些东西. 错误:未处理的Promise拒绝:模板解析错误:找不到管道’cmgTitleize’ 我有一个Bro[详细]
-
Angular 2跨组件共享websocket服务
所属栏目:[安全] 日期:2020-12-17 热度:119
我正在使用angular 2构建一个Web应用程序,其中我希望有多个组件监听同一个服务.此服务返回一个observable,它返回来自websocket的传入数据.我根据 this示例编写了代码. 目前的问题是: 数据通过服务从主组件发送到服务器(使用websockets)并返回数据.但是,只有[详细]
-
angularjs – 在已解决的承诺中返回一个Observable
所属栏目:[安全] 日期:2020-12-17 热度:86
试图返回一个Observable. 我该怎么办呢? get(url) : Observableany { let headers = new Headers(); this.SetAuthorizationHeader(headers).then(() = { // Resolving a promise return this.http.get(url,{ // -- I need to return the Observable from he[详细]
-
angular – ViewChildren不绑定ngFor
所属栏目:[安全] 日期:2020-12-17 热度:113
我有一个简单的模板: div *ngFor="let skill of allSkills | async " div class="skill-chart-with-img" skill-chart-view/skill-chart-view div #skillImg some data /div /div/div 当我尝试绑定#skillImg时,我有一个空的QueryList: @ViewChildren("skill[详细]
-
Angular 2模块中esm目录的用途是什么?
所属栏目:[安全] 日期:2020-12-17 热度:147
我正在使用Angular2 RC4: "@angular/common": "2.0.0-rc.4","@angular/compiler": "2.0.0-rc.4","@angular/core": "2.0.0-rc.4","@angular/forms": "0.2.0","@angular/http": "2.0.0-rc.4","@angular/platform-browser": "2.0.0-rc.4","@angular/platform-b[详细]