从$scope控制器中绑定数据

data-ng-bind from $scope controller

本文关键字:绑定 数据 控制器 scope      更新时间:2023-09-26

我迷路了,你能帮帮我吗?

我有一个值在$范围是从JSON文件检索:

在控制器:

$scope.scopeTitle = title;

:

"title": "fruit.ID || 'Empty'"

从后端检索fruit.ID,我想在我的HTML中显示它的ID。

一切都是正常的,如果在我的HTML中我这样做:

<span class="navbar-brand"  data-ng-bind="fruit.ID || 'Empty'" />
在HTML上的结果是:
FRUIT/12 or Empty <- and it's good

如果我想通过$scope传递它,像这样:

<span class="navbar-brand"  data-ng-bind='scopeTitle' />

不工作,在HTML上的结果是:

fruit.ID || 'Empty' <- it's not good

我的HTML是在模板指令中生成的,我使用$compile函数来编译HTML代码。

如何正确地编写ng-bind表达式以实现通过$scope的结果?

尝试使用$scope。$eval在你的控制器中,并使用它来声明scopeTitle

$scope.scopeTitle = $scope.$eval(title);

**update: *你可以看到你在分配"水果"。ID || 'Empty'"作为字符串作为表达式,所以你需要使用$eval

为什么不用这样的

呢?
<span class="navbar-brand">{{scopeTitle}}</span>

try

data-ng-bind={{scopeTitle}}