NG出現工作不正常

，所以我有以下代碼：NG出現工作不正常

var validationApp = angular.module('validationApp', []); 

validationApp.controller('mainController', function($scope) { 

    $scope.submitForm = function(isValid) { 
     alert('form is valid!'); 
    }; 
}); 

<body ng-app="validationApp" ng-controller="mainController"> 

<form name="newTaskForm" ng-submit="submitForm(newTaskForm.$valid)" novalidate> 

<input type="text" list="Topics" name="Topic" placeholder="Topic" ng-model="topic" required> 
<p ng-show="newTaskForm.topic.$invalid">Please enter a valid Topic</p>

我想獲得的消息顯示，但它只是不，我已經檢查的元件和一切，這些類對輸入文本做了改變，但是ng-show只是沒有改變，它隱藏起來，並且保持隱藏，並且我嘗試了其他的bg-show條件，但是沒有用：/

i爲了簡單起見，我只考慮了代碼中我認爲重要的部分。

這仍然是我angularJS'冒險'的一天，所以它可能是一個非常簡單的錯誤，但我已經在最後一個小時，並不知道什麼是錯的。

任何幫助表示讚賞。感謝

來源

2014-08-31 Sean Bugeja

變化'newTaskForm.topic $ invalid'到'newTaskForm.Topic $ invalid'，因爲你的'NAME = 「主題」'。 – ryeballar 2014-08-31 09:46:38

好吧，這是令人尷尬的..謝謝一百萬:)我仍然得到角的掛。 – 2014-08-31 10:47:43

你做了一件愚蠢的mistake.use驗證碼：

<input type="text" list="Topics" name="Topic" placeholder="Topic" ng-model="topic" required> 
       <p ng-show="newTaskForm.Topic.$invalid">Please enter a valid Topic</p>

或使用本：

<input type="text" list="Topics" name="Topic" placeholder="Topic" ng-model="topic" required> 
       <p ng-show="newTaskForm.$invalid">Please enter a valid Topic</p>

在這裏，你已經做了命名方面的錯誤。驗證是使用該字段的名稱完成的。這裏輸入字段有名稱主題。所以使用newTaskForm.Topic $像這裏面的NG-顯示無效：。

ng-show="newTaskForm.Topic.$invalid"

來源

2014-08-31 11:04:13

NG出現工作不正常

回答

相關問題