我得到这个错误:
EXCEPTION:./AppComponent类中的错误AppComponent - 内联模板:0:0引起:没有路由器的提供者!
这是我的应用程序组件:
import {Component} from '@angular/core';
import {LoginComponent} from './login/components/login.component';
@Component({
selector: 'my-app',
template: '<login></login>',
})
export class AppComponent {
}
Run Code Online (Sandbox Code Playgroud)
我在我的app模块中尝试了这个:
import { RouterModule } from '@angular/router';
imports: [
BrowserModule,
FormsModule,
HttpModule,
LoginModule,
RouterModule
],
bootstrap: [AppComponent, RouterModule]
Run Code Online (Sandbox Code Playgroud)
但后来我得到这个错误:
错误:错误:在RouterModule上找不到指令注释
我找到了一些例子,但他们使用路由器弃用了,我没有那个文件夹.我需要那个还是什么?任何建议?
更新:
这是我的app.module:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { AppComponent } from './app.component';
import { LoginModule …
Run Code Online (Sandbox Code Playgroud) private customer: Subject<Object> = new BehaviorSubject<Object>(null);
setCustomer(id, accountClassCode) {
this.customer.next({'id': id, 'accountClassCode': accountClassCode});
}
getCustomer() {
return this.customer.asObservable();
}
Run Code Online (Sandbox Code Playgroud)
我正在使用这部分代码但是我收到的错误找不到null的id.有没有解决方案来获得非null的初始值?
问题是,ng-click
如果cancelTicket === false
它仍然触发,则适用于此类事件ng-click
.我怎么能阻止它?
<div class="btn-block save-changes padding-10" ng-class="{'gray':cancelTicket===false,'secondary-button':cancelTicket===true}" ng-click="CancelTicket(ticketPin)" ng-disabled="cancelTicket===false" style="display: table;">
<div class="button-container padding3" ng-class="{'pointer':cancelTicket===true}">
<button-spinner promise="cancelPromise"></button-spinner>
<div style="display: inline-block !important;"> @Translator.Translate("CANCEL") </div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud) 我有这个button
:
<input type="submit" value="@Translator.Translate("PAYOUT")"
class="btn-block secondary-button save-changes padding-8"
ng-disabled="PayoutEnabled==false" ng-click="PayOut()" />
Run Code Online (Sandbox Code Playgroud)
但即使它被禁用它也与class
启用相同,只是不可点击.我想在禁用时更改背景,以便用户可以看到该按钮被禁用.我怎样才能做到这一点?我需要一些ng-disabled
CSS课程还是有其他方法?
我有这个:
<div class="account-item">
<div class="account-heading" ng-class="active">
<h4 class="account-title">
<a href="#/Messages" onclick="SetActiveAccountHeading(this);">
7. @Translate("SYSTEM_MESSAGES")</a>
</h4>
</div>
</div>
<div class="account-item">
<div class="account-heading" ng-class="active">
<h4 class="account-title">
<a href="#/Info" onclick="SetActiveAccountHeading(this);">
7. @Translate("SYSTEM_INFO")</a>
</h4>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
在角度我有这个:
$scope.active = "active";
Run Code Online (Sandbox Code Playgroud)
但是如何在点击时更改此项,如果用户点击菜单一旦它将处于活动状态,如果再次单击它将不活动?
我在我的html模板中使用此语句:
[(ngModel)]="tempProduct.unitprice | number : '1.2-2'"
Run Code Online (Sandbox Code Playgroud)
但是,当我运行它时,我在控制台中收到此错误:
动作表达式中没有管道......
我需要使用这个数字管道,但有[(ngModel)]
或我不会得到数据.任何建议我怎么能解决这个问题?我尝试过,[ngModel]
但是当我这样做时,我没有得到数据,它在html模板中是空的.
我用这个:
import { HttpParams } from '@angular/common/http';
let params = new HttpParams();
params.append('newOrdNum','123');
Run Code Online (Sandbox Code Playgroud)
但这不起作用,我不会在网址中附加param.有什么建议吗?
有没有什么方法可以说像这样的角度:
<th ng-repeat=" o in Odds" >{{o.Name || "-"}}</th>
Run Code Online (Sandbox Code Playgroud)
那么如果o.Name中没有数据显示" - "?
我有foreach
,在里面,foreach
我有这样的输入:
<input type="text" id="text-title" name="article_title[{{$language->code}}]" value="{{ old('article_title[$language->code]') }}" class="form_input" />
Run Code Online (Sandbox Code Playgroud)
我试图添加这样的旧输入,但它无法正常工作.任何建议我如何使用旧的阵列?
我也尝试了这个但也没有工作:
<input type="text" id="text-title" name="article_title[{{$language->code}}]" value="{{ old('article_title.0') }}" class="form_input" />
Run Code Online (Sandbox Code Playgroud)
我只对第一次迭代进行验证,如果这对您来说意味着什么.
我想返回带有一些参数的上一页。有什么建议我该怎么做?
import {Location} from '@angular/common';
returnToPreviousPage(){
this._location.back();
}
Run Code Online (Sandbox Code Playgroud)
所以我想要的是这样的:
this._location.back(id:123);
Run Code Online (Sandbox Code Playgroud)
当我回到页面时看到这样的内容:www.test.com?d=123
angular ×5
angularjs ×4
css ×1
javascript ×1
laravel ×1
laravel-5 ×1
laravel-5.2 ×1
rxjs ×1
typescript ×1