Question

我有以下三个用于进度通知和导航的小部件之一。每个这样的栏显示任务的进度，点击后，恢复该任务。

<a href="" ng-click="GotToFnaPersonalInformation()">
    <p class="headingPurple">1. FNA2 <span>{{$scope.$parent.Fna.IsWaivered}}</span> {{$scope.$parent.Fna.IsWaivered === false ? '[This FNA has not been waivered.]' : ''}}</p>
    <div kendo-progress-bar="progressBar" k-min="0" k-max="100" ng-model="Fna.PercentageCompletion" class="fnaProgressBar"></div>
</a>

两个{{}}表达式是我的，锚时钟仍然可以正常执行。现在我们添加了一个放弃FNA（财务需求分析）的选项，我需要在锚栏上指出它。我认为真正的三元，即

{{$scope.$parent.Fna.IsWaivered === false ? '[This FNA has not been waivered.]' : ''}}

然而这没有任何作用。所以我添加了一个简单的输出表达式

 <span>{{$scope.$parent.Fna.IsWaivered}}</span>

后者也没有做任何事情。我已经使用了这样的绑定表达式，在某种程度上有所不同，没有问题。这可能有什么问题？

Answer 1

您需要在标记中删除$scope。只有视图可以访问在范围上定义的属性。

<a href="" ng-click="GotToFnaPersonalInformation()">
    <p class="headingPurple">1. FNA2 <span>{{$parent.Fna.IsWaivered}}</span> {{$parent.Fna.IsWaivered === false ? '[This FNA has not been waivered.]' : ''}}</p>
    <div kendo-progress-bar="progressBar" k-min="0" k-max="100" ng-model="Fna.PercentageCompletion" class="fnaProgressBar"></div>
</a>

我在Angular段落元素中的ternery表达有什么问题？

1 个答案: