我似乎无法修复此错误.我有一个搜索栏和一个ngFor.我试图使用这样的自定义管道过滤数组:
import { Pipe, PipeTransform } from '@angular/core';
import { User } from '../user/user';
@Pipe({
name: 'usersPipe',
pure: false
})
export class UsersPipe implements PipeTransform {
transform(users: User [], searchTerm: string) {
return users.filter(user => user.name.indexOf(searchTerm) !== -1);
}
}
Run Code Online (Sandbox Code Playgroud)
用法:
<input [(ngModel)]="searchTerm" type="text" placeholder="Search users">
<div *ngFor="let user of (users | usersPipe:searchTerm)">
...
</div>
Run Code Online (Sandbox Code Playgroud)
错误:
zone.js:478 Unhandled Promise rejection: Template parse errors:
The pipe 'usersPipe' could not be found ("
<div class="row">
<div
[ERROR ->]*ngFor="let user of (user | …
Run Code Online (Sandbox Code Playgroud) 我设计了一个HTML电子邮件,我遇到了以下问题:首先,我的整个设计基于蓝色,因此读者/用户无法读取任何蓝色文本,文本必须为白色.GMAIL自动为彩色电话号码和蓝色链接,但主要问题是Microsoft Outlook OWA.
要修复GMAIL中的电话号码和链接着色,我执行了以下操作:
<a style="color: #FFFFFF;
text-decoration: none"
href="#/">
<span style="color: #FFFFFF;
text- decoration: none">
1800-000-0000
</span>
</a>
Run Code Online (Sandbox Code Playgroud)
这适用于GMAIL和其他任何地方,但我提到我的大多数客户端使用Outlook或MS OWA(Outlook Web应用程序).
OWA忽略我在内联样式中设置的颜色,并使链接默认为蓝色; 这仅在预览电子邮件时发生.如果您实际打开电子邮件,所有样式都会启动.
我的困境是,我该怎么办?我已经放弃了希望,但这是我的最后一招.有没有办法覆盖Outlook OWA的链接颜色?我用过了!重要的是,FONT标签,NESTING到5度.
这里的问题不是Outlook,而是OWA.
这是我在Chrome中检查元素时的屏幕截图:
这是FF:
有任何想法吗?
请!
经过一番努力,我成功地使用业力进行茉莉花测试,但我似乎无法找到这个问题的答案:
我正在使用这个:https://github.com/couchbaselabs/ng-couchbase-lite
这是我的测试:
describe('SetupService tests', function() {
it('SetupService should instantiate', function() {
expect(SetupService).toBeDefined();
});
it('it should instantiate database', function() {
var database = null;
SetupService.setupConfig();
expect(database).not.toBeNull();
});
});
Run Code Online (Sandbox Code Playgroud)
所以我需要在实际设备上运行测试,以便可以成功创建数据库.我是单元测试的新手,目前只使用karam cli.
设置配置显示它需要couchbase lite和cordova:
var setupConfig = function() {
console.log("set up config");
var deferred = $q.defer();
if(!window.cblite) {
deferred.reject('Couchbase Lite not installed');
}
else {
cblite.getURL(function(err, url) {
console.log("cblite get url");
if(err) {
console.log(err);
deferred.reject("There was an error getting the database URL");
}
else{
database = new …
Run Code Online (Sandbox Code Playgroud) 我试着按照这个答案,但它太混乱的Angular 2事件在兄弟组件之间捕捉
我想在子组件2上单击某个东西时调用子组件1中的方法
子组件2发出一个名为trackClick的事件.
父组件:
<div>
<audio-player></audio-player>
<audio-albums></audio-albums>
</div>
Run Code Online (Sandbox Code Playgroud)
子组件1(音频播放器)
// Don't know what to do here, want to call this function
trackChanged(track){
console.log("YES!! " + track);
}
Run Code Online (Sandbox Code Playgroud)
儿童组件2(音频专辑)
<li class="track" (click)="playTrack(track)"> </li>
@Output() trackClick = new EventEmitter<any>();
playTrack(track):void{
console.log("calling playTrack from child 2:" + track);
this.trackClick.next([track]);
}
Run Code Online (Sandbox Code Playgroud) 有没有办法滚动到离子列表中的特定项目?
例如,在此代码中:https://codepen.io/anon/pen/grEBQJ
当我转到测试按钮时,我想滚动到带有文本"文本"的列表项.
<button ng-click="goTo()">Go to test</button>
<ion-list class="item">Test</ion-list>
Run Code Online (Sandbox Code Playgroud)
我没有找到任何例子,所以goTo只是空白:
$scope.goTo = function(){
}
Run Code Online (Sandbox Code Playgroud) angular ×2
angularjs ×1
css ×1
email-client ×1
eventemitter ×1
html ×1
html-email ×1
jasmine ×1
javascript ×1