Question

Angular JS在IE11和FireFox中的绑定非常好，没有错误。但是在Chrome中，仍然没有错误，绑定在UI控件中失败，但在平面文本转储中，它渲染得很好。

铬 Chrome binding failure 的火狐 FireFox binding perfect 的 IE11 IE binding perfect 的 Safari浏览器 虽然我没有图像，但绑定也适用于Safari。

我怀疑这必须是一个脚本冲突，但我似乎无法找到它。这是我正在加载的脚本，按加载顺序。

jquery- {版本}的.js
的jquery-UI- {版本}的.js
Common.js // IE 8＆amp;的原型9 Javascript Arrays的兼容性
moment.js
矩timezone.js
toastr.js
angular.js
角route.js
角resource.js
角recursion.js
角loader.js
角animate.js
角cookies.js
角sanitize.js
角scenario.js
角touch.js
角draganddrop.js
UI-bootstrap.js
UI-自举-tpls.js
UI-utils.js
UI-utils的-ieshiv.js
textAngular.js
textAngular-sanitize.js
app.js //我的代码
textAngularSettings.js /我的设置

此控件的我的数据结构是：

task.details {
    buttonLabel:false,
    correctiveActionSection:true,
    correctiveActionTitle:"Corr Title",
    correctiveLabel:"Corr Lbl",
    deficiencyLabel:"Def Lbl",
    inspect:true,
    inspectionFailedLabel:"Insp Fail",
    inspectionPassedLabel:"Insp Pass",
    inspectionTitle:"Ins Title",
    inspectionUntestedLabel:"Inspect Untest",
    instance:[],
    notCleanedLabel:"Cleaned",
    noWorkLabel:"No Work",
    recleanedLabel:"Recleaned",
    role:{},
    showCorrectiveText:true,
    showDeficiencyText:true,
    sop:{},
    suppression:{},
    items:[
            {name:"a"},
            {name:"aa"},
            {name:"aaa", causeException:true},
            {name:"aaaa", causeException:true},
            {name:"aaaaa", causeException:true}
    ],
    inspection:{
            untested:"Inspect Untest",
            passed:"Insp Pass",
            failed:"Insp Fail"}}

我的绑定看起来像

<label class="btn btn-default"
       ng-click="InspectClick('TestKey1', false)">
    {{task.details.inspection.untested}}
    <input type="radio" ng-checked="testKey1"
           ng-disabled="!testDisable1" />
</label>

控制器：

(function () {
    'use strict';

    var controllerId = 'PreOpCtrl';

    angular.module('app').controller(controllerId,
        ['$scope', buildPreOpCtrl]);

    function buildPreOpCtrl($scope) {

        //task already exists, this is known because of this working on all other browsers.
        $scope.task.details = processDetails($scope.sourceData);
        $scope.InspectClick = InspectClick(svalue, bvalue);
    }

    function processDetails(details) {
        var ret = details;

        //Convert stringify to objects
        var i = ret.items;
        var t = JSON.parse(i);
        delete ret.items;   
        ret.items = t;

        //correct bools
        ret.showDeficiencyText = ret.showDeficiencyText === 'True' ? true : false;
        ret.showCorrectiveText = ret.showCorrectiveText === 'True' ? true : false;
        ret.correctiveActionSection = ret.correctiveActionSection === 'True' ? true : false;

        //breakdown for marshal at later time.
        ret.inspection = {
            untested: ret.inspectionUntestedLabel,
            passed: ret.inspectionPassedLabel,
            failed: ret.inspectionFailedLabel,
        };

        return ret;
    }

    //stub code. real code isn't written yet.
    function setInspectionException($scope)
    {
        return function (sval, bval) {
           console.log(sval,bval);
        };
    };

})();

没有自定义指令。没有花哨的代码。我尽力保持这一点尽可能简单。

更新：我试图将所有ngIf指令更改为ngShow。页面速度变慢了，但问题没有解决。

Answer 1

我相信这个问题已经通过更新版本的Angular解决了。我没有对我的代码进行任何更改，更新到最新版本，问题就消失了。

我仍然不知道是什么造成的。

角度绑定在Chrome上失败但在Firefox或IE上失败

1 个答案: