Javascript AngularJS表单验证不工作，显示空表单

我试图创建一个包含选择和输入的表单。不幸的是，当我添加此表单时，当输入被填充时，没有任何操作发生。。。下面是我的代码：

<form name="myForm" novalidate>
   <p>Username:
      <br>
      <input type="text" name="user" ng-model="user" required>
         <span style="color:red" ng-show="myForm.user.$dirty && myForm.user.$invalid">
           <span ng-show="myForm.user.$error.required">Username is required.</span>
         </span>
   </p>
   <p>
      <input type="submit" ng-disabled="(myForm.user.$dirty && myForm.user.$invalid) ||  (myForm.email.$dirty && myForm.email.$invalid)">
      </p>
      {{(myForm)}}
      {{myForm}}
      {{myForm.user.$error}}
      {{myForm.user.$dirty}}           
  </form>

用户名：


用户名是必需的。



{{（myForm）}
{{myForm}}
{{myForm.user.$error}
{{myForm.user.$dirty}}

当我意识到什么也没发生时，我决定将myform属性显示为纯文本，

{{（myform）}{{{myform}}{{myform.user.$error}}}{{myform.user.$dirty}}

但什么也没显示

---

那么，有什么建议可以让它发挥作用吗

所有AngularJS应用程序都必须有根元素。指令告诉AngularJS应用程序的根元素是哪个。看见当我将

ng app

添加到您的HTML中时，我可以使您的代码正常工作

用户名：


用户名是必需的。



{{（myForm）}{{myForm}{{myForm.user.$error}}{{myForm.user.$dirty}}

请尝试以下方法：

活动登记
Guru99全球活动
主题名称：

用户名是必需的



var-app=angular.module（“DemoApp”，[]）；
应用控制器（“DemoController”，功能（$scope）{
$scope.Display=函数（）{
$scope.user='Angular'；
}
});

感谢您的回复，我已经定义了一个控制器和一个模块，问题是我已经定义了另一个表单，并且验证表单在其中实现；这造成了一些冲突。您的代码帮助我发现了这个问题。