Question

我有控制器衝突。我有簡單的形式

<form name='regForm' ng-controller="SingUpController as form"> 
    <input type="text" class="form-control" 
       ng-model="form.user.lastName"> 
    <favorite-dish favor-dish='singUpController.favoriteDish'></favorite- 
    </form> 

和我的路由器

.state('public.signUp', { 
     url: '/sing-up', 
     templateUrl: 'src/public/sing-up/sing-up.html', 
     controller: 'SingUpController', 
     controllerAs: 'singUpController', 
     resolve: { 
     favDish: ['MenuService', function (MenuService) { 
      return MenuService.getCategories(); 
     }] 
     } 
    }); 

如何使用SingUpController與名稱：

• 「form」，從 「ng-controller =」 SingUpController as form 「」
• 「 singUpController「來自組件

Answer 1

您需要更改這個

.state('public.signUp', { 
     url: '/sing-up', 
     templateUrl: 'src/public/sing-up/sing-up.html', 
     controller: 'SingUpController', 
     controllerAs: 'form', 
     resolve: { 
     favDish: ['MenuService', function (MenuService) { 
      return MenuService.getCategories(); 
     }] 
     } 
    }); 

控制器必須：

.controller("SingUpController",function(){ 
    var self= this; 
    self.user = {}; 
}); 

和你的HTML必須是：

<form name='regForm' ng-controller="SingUpController as form"> 
    <input type="text" class="form-control" 
       ng-model="form.user.lastName"> 
    <favorite-dish favor-dish='form.favoriteDish'></favorite- 
    </form> 

Answer 2

使用兩個名稱相同模板中的相同控制器沒有意義。

如果你已經在你的控制器user屬性，你可以用它作爲輸入的模型：

<input type="text" ng-model="singUpController.user.lastName"> 

如果你想訪問控制器或其他地方的輸入字段中輸入您模板（例如，用於驗證數據），您應該將name="lastName"添加到輸入標記。之後，您可以從控制器訪問其值：$scope.regForm.lastName或從模板：regForm.lastName。

如果你不想使用$scope，然後就在控制器綁定一次：

`this.regForm = $scope.regForm` 

，然後使用this.regForm。