angularjs指令ngModel不能正常工作

时间:2016-06-26 02:16:56

标签: javascript angularjs

那段代码:

.ml

当我删除<div class="form-group"> <div class="input-group"> <span class="input-group-addon" id="nome-addon"><strong>Nome</strong></span> <input class="form-control" type="text" ng-model="nome" disabled="" value="{{username | name}}" aria-describedby="nome-addon"> </div> </div> 时,它可以正常工作。

有人可以告诉我该怎么办?

如果我删除所有其他div(以测试发生了什么),那样:

ng-model="nome"

相同&#34;错误&#34;发生。 在我使用OWASP Mantra浏览器的项目中,我尝试使用谷歌浏览器(当然,咒语基于Mozilla然后我尝试使用Firefox)。 当然,当我删除(nothing here) <input class="form-control" type="text" ng-model="nome" disabled="" value="{{username | name}}"> (nothing here)时,一切运行正常。 啊,在其他类似的投入中:

ng-model="nome"

一切都很好......

感谢您的时间,如果您能帮助我,我将感激不尽。

@Edit

指令:

<div class="form-group">
    <div class="input-group">
        <span class="input-group-addon" id="telefone-addon"><strong>Telefone</strong></span>
        <input class="form-control" type="text" disabled="" ng-model="telefone" value="{{telefone}}" aria-describedby="telefone-addon">
    </div>
</div>

观点/ accordion.html的一部分:

angular.module("listaTelefonica").directive("uiAccordions", function(){
        return {
            controller: function($scope, $element, $attrs){
                var accordions = [];
                this.registerAccordions = function(accordion){
                    accordions.push(accordion);
                };

                this.closeAll = function(){
                    accordions.forEach(function(accordion){
                        accordion.isOpened = false;
                    });
                };
            }
        };

    });

angular.module("listaTelefonica").directive("uiAccordion", function(){
    return {
        templateUrl: "view/accordion.html",
        restrict: "E",
        scope: {
            username: "=",
            data: "=",
            serial: "=",
            telefone: "=",
            operadoras: "=",
            operadoracod: "="
        },
        require: "^uiAccordions", 
        link: function(scope, elements, attrs, ctrl){               
            ctrl.registerAccordions(scope);
            scope.open = function(){
                if(scope.isOpened === true){
                    scope.isOpened = false;
                }else{
                    ctrl.closeAll();
                    scope.isOpened = true;
                }
            };
        }
    };
});

1 个答案:

答案 0 :(得分:-1)

请勿在输入标记中同时使用ng-model和value。

如果要使用自定义值初始化该字段,或者只是在控制器中初始化该变量,则可以使用ng-init