確認Angular中的密碼錯誤消息

Question

我正在嘗試創建一個簡單的密碼確認，看起來像這樣

<div class="form-group">
        <label class="col-sm-2 control-label" for="password">Password:</label>
        <div class="col-sm-10">
            <input type="password" class="form-control" id="password" placeholder="Password" data-ng-model="myApp.password" required >
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-2 control-label" for="confirmPassword">Confirm password:</label>
        <div class="col-sm-10">
            <input type="password" class="form-control" id="confirmPassword" placeholder="Confirm password" data-ng-model="confirmPassword" required pw-check="password">
            <p class="msg-error" ng-show="create_player_form.confirmPassword.$error.pwmatch">
                Passwords don't match.
            </p>
        </div>
    </div>

該HTML文件鏈接到如下定義的控制器：

angular.module('myApp')
    .controller('MyController', function ($scope, $state, $stateParams) {
(All the staff...)
}

我使用這樣的指令：

.directive('pwCheck', [function () {
            return {
                scope: {pwmatch: '='},
                require: 'ngModel',
                link: function (scope, elem, attrs, ctrl) {
                    var firstPassword = '#' + attrs.pwCheck;
                    elem.add(firstPassword).on('keyup', function () {
                        scope.$apply(function () {
                            var v = elem.val() === $(firstPassword).val();
                            ctrl.$setValidity("pwmatch", v);
                        });
                    });
                }
            }
        }]);

一切正常，不包括確認輸入下的小錯誤消息。 誰能幫助我讓它出現？

我公開地說，我正在使用： http : //blog.brunoscopelliti.com/angularjs-directive-to-check-that-passwords-match/ ，我看到，存在以不同方式定義的控制器，但是我d希望簡單地做到這一點而不改變現有結構。

Answer 1

 <div class="form-group">
    <label class="col-sm-2 control-label" for="password">Password:    </label>
    <div class="col-sm-10">
        <input type="password" class="form-control" id="password" placeholder="Password" data-ng-model="myApp.password" required >
    </div>
</div>
<div class="form-group">
    <label class="col-sm-2 control-label" for="confirmPassword">Confirm password:</label>
    <div class="col-sm-10">
        <input type="password" name="confirmPassword" class="form-control" id="confirmPassword" placeholder="Confirm password" data-ng-model="confirmPassword" required pw-check="password">
        <p class="msg-error" ng-show="create_player_form.confirmPassword.$error.pwmatch">
            Passwords don't match.
        </p>
    </div>
</div>

在輸入名稱=“ confirmPassword”中添加名稱標簽，然后嘗試。此外，您的表單名稱將為“ create_player_form”