来自 $scope 控制器的 data-ng-bind

Question

我迷路了，你能帮帮我吗？

我在 $scope 中有一个值，它是从 JSON 文件中检索到的：

在控制器中：

$scope.scopeTitle = title;

在 JSON 文件中：

"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 实现结果？

Answer 1

尝试

data-ng-bind={{scopeTitle}}

Answer 2

尝试在您的控制器中使用 $scope.$eval 并使用它来声明 scopeTitle

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

**更新：* 您可以看到您将 "fruit.ID || 'Empty'" 作为表达式分配为字符串，因此您需要使用 $eval

为什么不用这样的东西

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

data-ng-bind from $scope controller