小编Arr*_*ron的帖子

如何在角度2中使用ng-change事件？每当更改ng-model变量时,都必须调用一个函数.

[(ngModel)]="variable"
ngchange=variable;

我想创建一个动态管道,我将从组件中调用它.

import {Component, Pipe, PipeTransform} from 'angular2/core';

@Pipe({ name: 'filter', pure: false })
export class filter implements PipeTransform {
  transform(value) {
    this.items1=value;
    this.ticket1 = [];
    if (this.items1.length >0) {
      for (var i = 0; i < this.items1.length; i++) {
        this.ticket1.push(this.items1[i])
      }
    }
  }
}

我想从组件中调用此管道.

我已经在角度1.x中完成了这个但我想知道如何使用关键字在角度2..in angular 1.x iam中突出显示动态单词

        <td><div highlight="var" keywords="somename">      {{paragraph}}</div></td>

我使用下面的angular-highlight.js完成了上面的html.

     angular.module('angular-highlight', [])
      .directive('highlight', function()
    {

    var component = function(scope, element, attrs) {

    if (!attrs.highlightClass) {
        attrs.highlightClass = 'angular-highlight';
    }

    var replacer = function(match, item) {
        return '<span class="'+attrs.highlightClass+'">'+match+'</span>';
    }
    var tokenize = function(keywords) {
        keywords = keywords.replace(new RegExp(',$','g'), '').split(',');
        var i;
        var l = keywords.length;
        for (i=0;i<l;i++) {
            keywords[i] = '\\b'+keywords[i].replace(new RegExp('^ | $','g'), '')+'\\b';
        }
        return keywords;
    }

    scope.$watch('keywords', function() {
        //console.log("scope.keywords",scope.keywords);
        if (!scope.keywords || scope.keywords == '') {
            element.html(scope.highlight); …

我在过滤条件下的数据中有一个单引号。

例如：David O'Neil。

因此，如果我们在Search Explorer中将此设置为

*＆$ count = true＆$ filter =名称eq'David O'Neil'

我们如何在过滤器中转义该单引号。

更新1：如果我们使用单引号将其转义，则0条记录即将到来。

更新2：也不能使用反斜杠（）。

我是 Angular 开发的初学者。现在在我的组件中使用 *ngIf 语句。

在搜索时，我发现建议不要在 *ngIf 语句中使用逻辑的文章。

示例1：

<user-component *ngIf="role==='user'"></user-component><guest-component *ngIf="role==='guest'"></guest-component> and so on

示例2：

<div [ngSwitch]="typeOfUser"><user-component *ngSwitchCase="user"></user-component><guest-component *ngSwitchCase="guest"></guest-component><default-component *ngSwitchDefault></default-component></div>

我如何使用这些语句来实现更清洁和高性能的角度应用程序。

附上免费代码营的参考文章， 干净且高性能的 Angular 应用程序的最佳实践