首頁猿問如何在自定義指令中獲取評估屬性

如何在自定義指令中獲取評估屬性

JavaScript AngularJS

鳳凰求蠱 2019-07-31 11:28:00

如何在自定義指令中獲取評估屬性我試圖從我的自定義指令獲取一個(gè)評估屬性，但我找不到正確的方法。我已經(jīng)創(chuàng)建了這個(gè)jsFiddle來詳細(xì)說明。<div ng-controller="MyCtrl"> <input my-directive value="123"> <input my-directive value="{{1+1}}"></div>myApp.directive('myDirective', function () { return function (scope, element, attr) { element.val("value = "+attr.value); } });我錯(cuò)過了什么？

查看完整描述

3 回答

胡說叔叔

TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超8個(gè)贊

對于我正在尋找的相同解決方案Angularjs directive with ng-Model。
這是解決問題的代碼。

    myApp.directive('zipcodeformatter', function () {
    return {
        restrict: 'A', // only activate on element attribute
        require: '?ngModel', // get a hold of NgModelController
        link: function (scope, element, attrs, ngModel) {

            scope.$watch(attrs.ngModel, function (v) {
                if (v) {
                    console.log('value changed, new value is: ' + v + ' ' + v.length);
                    if (v.length > 5) {
                        var newzip = v.replace("-", '');
                        var str = newzip.substring(0, 5) + '-' + newzip.substring(5, newzip.length);
                        element.val(str);

                    } else {
                        element.val(v);
                    }

                }

            });

        }
    };});

HTML DOM

<input maxlength="10" zipcodeformatter onkeypress="return isNumberKey(event)" placeholder="Zipcode" type="text" ng-readonly="!checked" name="zipcode" id="postal_code" class="form-control input-sm" ng-model="patient.shippingZipcode" required ng-required="true">

我的結(jié)果是：