环境：

> Ubuntu 16.04
> Angular CLI 1.7.3

我通过执行生成组件仪表板来获取错误,但是也会发生ng generate c

$ng generate component dashboard
The "c" alias is already in use by the "--collection" option 
and cannot be used by the "--change-detection" option.
Please use a different alias.

我试图在npm中查找错误,蚂蚁我得到以下错误

$npm list
...
npm ERR! peer dep missing: @angular-devkit/core@0.4.5,required by @schematics/angular@0.4.5
npm ERR! peer dep missing: @angular-devkit/schematics@0.4.5,required by @schematics/angular@0.4.5

它看起来与npm validate别名有关

function angular-cli.command.prototype.validateAlias (option,alias)

但我不确定为什么选择“c”代替“组件”.

我不知道这个错误的根本原因,但是这个 commit改变了很多别名(包括“c”代表“组件”)……
如果在node_modules/@schematics/angular/component/schema.json中将其本地更改为“cd”,则ng generate再次起作用.

请注意,在新项目中使用ng g组件测试时,我不会重现此错误.我在产生错误的项目中使用@nrwl / nx.问题可能在于版本不匹配……我不知道是什么.

阅读 How to use RxJs distinctUntilChanged?和 this,似乎distinctUntilChanged改变输出流只提供不同的连续值.

我认为这意味着如果相同的值立即连续到达,您实际上是过滤流并且只获得该重复值的一次出现.

所以,如果我这样写：

this.myFormControl.valueChanges
  .debounceTime(1000)
  .distinctUntilChanged()
  .subscribe(newValue => {
    console.log('debounced: ',newValue);
  });

我看到输出没有区别：

this.myFormControl.valueChanges
  .debounceTime(1000)
  .subscribe(newValue => {
    console.log('debounced: ',newValue);
  });

我已经看到一些地方建议在表单输入上订阅valueChanges时使用distinctUntilChanged – 但实际上并没有得到原因.

这是一个输入,所以如果用户输入它总是在变化,对吗？这些值将始终是不同的,因此您只需添加一个额外的操作来无缘无故地过滤输入.

或者我在这里遗漏了什么？

编辑

根据我的第一个代码示例使用distinctUntilChanged,我创建了一个带有特朗普先生值的表单输入,并确保它保存在模型中.

然后我点击控件内部并粘贴了特朗普先生.由于值是相同的,我原本预计不会看到任何记录 – 控件具有与之前相同的值,所以distinctUntilChanged肯定应该忽略它？

编辑2

进一步查看我的测试后,这种行为似乎是因为我使用了一个AbstractControls数组：

this.itemsControl = <FormArray>this.form.controls['items']; 
...
this.itemsControl.controls[index].valueChanges...

所以虽然有点奇怪,当输入的值相同时它仍然会触发,我猜我需要连接到这个数组项(表单组)中的实际输入的valueChanges,而不是数组项本身.

编辑3

因此,在将EDIT 2中的代码更改为以下内容后,将已存在的相同值粘贴到输入控件中不会触发valueChanges(如预期的那样).在EDIT 2中,valueChanges挂钩到整个formGroup,而不是单个输入控件(在本例中称为content)：

let fg = this.itemsControl.controls[index]; // get the formGroup
fg['controls'].content.valueChanges
  .debounceTime(1000)
  .distinctUntilChanged()
  .subscribe(newValue => {...});

使用debounceTime(1000)意味着我们只在用户停止输入1秒时发送请求,在此期间用户可以写入3个字符然后擦除它们,因此输入值自上次请求后没有改变但是你发送的是请求,以避免您可以使用.distinctUntilChanged()

this.myFormControl.valueChanges
      .debounceTime(1000)
      .distinctUntilChanged()
      .subscribe(newValue => {
        console.log('debounced: ',newValue)
      });

现在我有一个只显示一个月的日历(我通过的月份).我试图让用户从comboBox中选择月份和年份并更新日历.我使用observablecollection绑定,我很熟悉.我不知道INotifyPropertyChanged如何工作.我以前从未使用过它.非常感谢任何帮助或建议.这是我到目前为止：

public class Schedule : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    public void Update(int propertyName)
    {
        if (propertyName != null)
        {
            PropertyChangedEventHandler handler = PropertyChanged;
            if (handler != null)
                 handler.Invoke(this,new PropertyChangedEventArgs(propertyName.ToString()));
        }
    }


   // public void UpdateCal(PropertyChangedEventArgs e)
   // {
    //    if (PropertyChanged != null)
    //        PropertyChanged(this,e);
  //  } 
    public string MonthWeek { get; set; }
    public string Year { get; set; }
    public string Month { get; set; }
    public string day { get; set; }
    public string WeekOfYear { get; set; }
    public string dayofweek { get; set; }

   // public string month {
    //    get {return Month; }
    //    set
    //    {
     //       UpdateCal(new PropertyChangedEventArgs("month"));
      //  }
   // }
    public int WeekNo { get; set; }
    public int WeekDay { get; set; }
    public DateTime Date { get; set; }
 }

—这是另一个类,它确定了每个日期在网格上的位置—-

public SchedulePage(MainWindow parentForm)
    {
        InitializeComponent();

        pick = Convert.ToInt32(comboMonth.SelectedItem) + 1;
        _parentForm = parentForm;
        // DateTime date = new DateTime(year,month,day);
        var t = new List<Schedule>();
        DateTime curr = DateTime.Now;
      //  comboMonth.Items.Add(curr.Month);
        DateTime newcurr = new DateTime(2011,pick,1);
     //   pickdate = datePickercal.SelectedDate;
      //  DateTime newcurr = new DateTime(curr.Year,curr.Month,1);
        var cal = System.Globalization.DateTimeFormatInfo.CurrentInfo.Calendar;
        var ms = cal.GetWeekOfYear(new DateTime(newcurr.Year,newcurr.Month,1),System.Globalization.CalendarWeekRule.FirstDay,System.DayOfWeek.Sunday);
        for (var i = 1; newcurr.Month == pick; newcurr = newcurr.AddDays(1))
        {
            var sched = new Schedule();
            var month_week = (newcurr.Day / 7) ;
            sched.MonthWeek = newcurr.GetWeekOfMonth().ToString();
            sched.Month = newcurr.Month.ToString();
            sched.Year = newcurr.Year.ToString();
            sched.day = newcurr.Day.ToString();
            sched.WeekOfYear = cal.GetWeekOfYear(newcurr,DayOfWeek.Sunday).ToString();
            sched.dayofweek = newcurr.DayOfWeek.ToString();
            t.Add(sched);

                _parentForm.bindings.schedule.Add(new Schedule { WeekNo = newcurr.GetWeekOfMonth()-1,WeekDay = (int)newcurr.DayOfWeek,day = newcurr.Day.ToString() });

        }
        lblDate.Content = (newcurr.Month -1) + "/" + newcurr.Year;

         DataContext = _parentForm.Bindings;

—这个类使观察收集—–

public partial class BindingCamper 
{  // This class assist in binding campers from listview to the textBoxes on the camperspage
    public ObservableCollection<Camper> Campers { get; set; }
    public ObservableCollection<Staff> StaffMembers { get; set; }
    public ObservableCollection<Schedule> schedule { get; set; }
    public BindingCamper()
    {
        Campers = new ObservableCollection<Camper>();
      StaffMembers = new ObservableCollection<Staff>();
      schedule = new ObservableCollection<Schedule>();
    }

这是您通常实现INotifyPropertyChanged的方式：

public class Schedule : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged(string propertyName)
    {
        var handler = PropertyChanged;
        if (handler != null)
            handler(this,new PropertyChangedEventArgs(propertyName));
    }

    private string _monthWeek;
    public string MonthWeek
    {
        get { return _monthWeek; }
        set
        {
            if (value != _monthWeek)
            {
                _monthWeek = value;
                OnPropertyChanged("MonthWeek");
            }
        }
    }

    // And so on for other properties...

}

基本上,每次更新属性时都需要触发PropertyChanged事件,因此每个setter都必须调用OnPropertyChanged.请注意,您无法使用自动实现的属性执行此操作,因为您需要在setter中添加自定义逻辑.