以下AngularJs代码有什么问题？为什么我没有获得z的任何价值？

Question

以下AngularJs代码有什么问题？为什么我没有获得z的任何价值？

这个JSON对象或我的Angularjs代码有问题，请纠正它。

<div  ng-init="value={x:10, y:78, z:(x + y)}" >
<p>{{'Ashutosh'}}</p>
<p> Age : {{value.x}}</p>
<p> Height is : {{value.y}}</p>
<p> Salary is : {{value.z}}</p>
</div>

Answer 1

您可以使用以下代码解决此问题。

<div  ng-init="value={x:10, y:78}">
    <div ng-init="value.z = value.x + value.y">
        <p>{{'Ashutosh'}}</p>
        <p> Age : {{value.x}}</p>
        <p> Height is : {{value.y}}</p>
        <p> Salary is : {{value.z}}</p>
    </div>
</div>

您的代码未获得x＆amp; z中的y值，因为它们仍然不是init，因为x，y和amp; z在同一行，因此您可以使用多行代码，如上例

Answer 2

您可以使用以下代码解决此问题。

<script src="//unpkg.com/angular/angular.js"></script>
<body  ng-app>
    <div ng-init="value={x:10, y:78}; value.z = value.x + value.y">
        <p>{{'Ashutosh'}}</p>
        <p> Age : {{value.x}}</p>
        <p> Height is : {{value.y}}</p>
        <p> Salary is : {{value.z}}</p>
    </div>
</body>

未使用ng-init初始化的对象的属性

以下AngularJs代码有什么问题？为什么我没有获得z的任何价值？

2 个答案: