Javascript 错误消息未显示在Angular JS中

我试图使用下面的代码显示一些登录验证错误，但它不起作用。
当我单击“登录”按钮时，它将进入下一页，错误消息不会按预期显示。
有什么想法吗

index.html：-

使用此代码并让我知道

确保已正确导入库或从web导入库

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/a‌​ngular.min.js"></scr‌​ipt>

---

您尚未在html中关闭表单标记。以及其他开发人员建议的所有其他事情

 <div ng-app="demoApp" ng-controller="Ctrl">
    <h1>Login Form</h1>
    <form ng-submit="fun1($event)">
    userName:<input name="name" ng-model="un">
    <div style="color: red">{{msg1}}</div><br>
    passWord:<input type="password" name="pwd" ng-model="pw">
    <div style="color: red">{{msg2}}</div><br>
    <input type="submit" value="Login"/>
    </form>
    </div>

工作中间链路-- 它是

angular.module（）

您已将其设置为
angular.modul（）

同时将
$scope.pw.leggth
和
$scope.un.leggth
中的拼写修改为
长度

您需要修复这些问题，它将正常工作。
您的长度有误。
length
而不是
leggth
标记“java”正确吗？还是您的意思是Javascript'？并且拼写错误
module
。请检查您的开发工具是否有任何错误。默认情况下，让我发送一个plunker，显示错误消息，如-->{{msg1}，{msg2}在未点击登录按钮的情况下，点击登录按钮，然后移动到下一页查看插销查看控制台上有什么错误？您正确导入库了吗？@Krish我相信您没有正确导入js文件。请使用此

var app = angular.module("demoApp",[]);

app.controller("Ctrl",function($scope){

    $scope.un="";
    $scope.pw="";
    $scope.msg1="";
    $scope.msg2="";
    $scope.fun1=function(e){

        if($scope.un.length == 0){
            $scope.msg1="please enter user name"
                e.preventDefault();
        }else{
            $scope.msg1="";
        }

        if($scope.pw.length== 0){
            $scope.msg2="please enter password"
                e.preventDefault();
        }else{
            $scope.msg2="";
        }
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/a‌​ngular.min.js"></scr‌​ipt>

 <div ng-app="demoApp" ng-controller="Ctrl">
    <h1>Login Form</h1>
    <form ng-submit="fun1($event)">
    userName:<input name="name" ng-model="un">
    <div style="color: red">{{msg1}}</div><br>
    passWord:<input type="password" name="pwd" ng-model="pw">
    <div style="color: red">{{msg2}}</div><br>
    <input type="submit" value="Login"/>
    </form>
    </div>

var app = angular.module("demoApp",[]);

app.controller("Ctrl",function($scope){

    $scope.un="";
    $scope.pw="";
    $scope.msg1="";
    $scope.msg2="";
    $scope.fun1=function(e){

        if($scope.un.length==0){
            $scope.msg1="please enter user name"
                e.preventDefault();
        }else{
            $scope.msg1="";
        }

        if($scope.pw.length==0){
            $scope.msg2="please enter password"
                e.preventDefault();
        }else{
            $scope.msg2="";
        }
    }
});

var app = angular.module("demoApp", []);