小编Sum*_*eed的帖子

管道''找不到angular2定制管道

我似乎无法修复此错误.我有一个搜索栏和一个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)

angular2-forms angular2-pipe angular

97
推荐指数
5
解决办法
12万
查看次数

HTML电子邮件链接颜色困境

我设计了一个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中检查元素时的屏幕截图:

Google Chrome开发人员面板的屏幕截图

这是FF:

在此输入图像描述

有任何想法吗?

请!

html css email-client html-email

19
推荐指数
5
解决办法
7万
查看次数

Ionic Couchbase Lite Karma茉莉花单元测试

经过一番努力,我成功地使用业力进行茉莉花测试,但我似乎无法找到这个问题的答案:

如何在实际设备上运行我的茉莉花测试以测试与相关的couchbase lite数据库相关的功能?

我正在使用这个: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)

jasmine couchbase-lite karma-jasmine ionic-framework

10
推荐指数
1
解决办法
169
查看次数

在兄弟组件Angular 2之间进行通信

我试着按照这个答案,但它太混乱的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)

eventemitter angular2-components angular

5
推荐指数
2
解决办法
6185
查看次数

离子滚动到特定列表项

有没有办法滚动到离子列表中的特定项目?

例如,在此代码中: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)

javascript angularjs ionic-framework

4
推荐指数
2
解决办法
8361
查看次数