Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用指令显示范围变量的更新地址_Javascript_Angularjs - Fatal编程技术网

Javascript 使用指令显示范围变量的更新地址

Javascript 使用指令显示范围变量的更新地址,javascript,angularjs,Javascript,Angularjs,我有一个名为DisplayAddress的指令,它接收地址。我使用的是隔离的作用域,代码执行检查addres字段是否为空,并生成我在视图上显示的对象 我已经将视图放在代码中,但是现在当我使用单向绑定时,问题出现了。代码抛出错误,解析字符串有错误:语法 语法错误 return { templateUrl: () => { return "/app/Templates/Common/DisplayAddress" },

我有一个名为DisplayAddress的指令,它接收地址。我使用的是隔离的作用域,代码执行检查addres字段是否为空,并生成我在视图上显示的对象 我已经将视图放在代码中,但是现在当我使用单向绑定时,问题出现了。代码抛出错误,解析字符串有错误:语法 语法错误

  return {
        templateUrl: () => {
            return "/app/Templates/Common/DisplayAddress"
        },
        restrict: "E",
        replace: true,
        scope: {
            address: '='
        },
        controller: "DisplayAddressController",
        controllerAs: "vm"
    }

<div>
<div class="m-space">
    <i class="fa fa-map-marker"></i>
    <span data-ng-if="address.AddressType" data-ng-bind="address.AddressType"></span>
    <span>{{vm.addressToString()|| ""}}</span>
</div>
<div class="row-m-box">
    <span class="m-box" data-ng-if="address.Phone1"><i class="fa fa-phone"></i> <span class="label-content" data-ng-bind="address.Phone1"></span></span>
    <span class="m-box" data-ng-if="address.Phone2"> <i class="fa fa-phone"></i> <span class="label-content" data-ng-bind="address.Phone2"></span></span>
    <span class="m-box" data-ng-if="address.Fax"> <i class="fa fa-fax"></i> <span class="label-content" data-ng-bind="address.Fax"></span></span>
    <span class="m-box" data-ng-if="address.Email"> <i class="fa fa-envelope"></i> <span class="label-content" data-ng-bind="address.Email"></span></span>
</div>

我希望使此指令具有最少数量的观察者和单向绑定。如何使此指令成为质量代码

两件事:1。您是否故意丢失标记和指令定义?2.你在测试什么浏览器?箭头函数目前支持有限,我使用的是Typescript,这个指令工作得很好,这段代码只是一个用于理解的psuedo代码,你应该把所有这些都放在问题中。用Typescript标记它。真正的代码也会有很大帮助。