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

Question

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

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

在控制器中：

$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

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

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

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

为什么不使用这样的东西

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

Answer 2

尝试

data-ng-bind={{scopeTitle}}