angularjs形成自定义验证derective

Question

我尝试在第一个字段更改后使所有字段都出错。但我不知道出了什么问题，为什么第二场永远不会错误。

这里是简单的示例page on w3schools 和代码
前部：     

var app = angular.module('myApp', []);
app.directive('validatecapitalparts', function() {

      return {

        require: 'ngModel',
        link: function(scope, element, attrs, ngModelCtrl) {

            ngModelCtrl.$parsers.unshift(function (viewValue) {
                ngModelCtrl.$setValidity('onecost', false);
                ngModelCtrl.$setValidity('capital', false);
                return viewValue;
            });

            ngModelCtrl.$formatters.unshift(function (modelValue) {
                ngModelCtrl.$setValidity('onecost', false);
                ngModelCtrl.$setValidity('capital', false);
                return modelValue;
            });


        } 
      };
    });

控制器部分：

"response": {
"categories": [
  {
    "id": "4d4b7104d754a06370d81259",
    "name": "Arts & Entertainment",
    "icon": {
      "prefix": "https://ss3.4sqi.net/img/categories_v2/arts_entertainment/default_",
      "suffix": ".png"
    },
    "categories": [
      {
        "id": "56aa371be4b08b9a8d5734db",
        "name": "Amphitheater",
        "categories": [{
            "id": "4bf58dd8d48988d134941735",
            "name": "Dance Studio",
            categories[sub categories #edited]
            ]
      }