Question

我正在尝试建立一个角度接近的MVC网站，以向我的新老板展示使用它的一些好处 - 具有讽刺意味的是我现在卡住了。

问题是在我的视图中插入变量没有任何作用 - 它仍然很清楚。我在MVC 4环境中运行，并且只是在文本框上绑定ng-model，但是从控制器上加载值并不是

javascript：

var UpdateCataloguesController = function ($scope) {
    $scope.message = "Hello Wurld!";
}

UpdateCataloguesController.$inject = ["$scope"];

asdf.controller('updateCatalogues', UpdateCataloguesController);

html（<body>标记上有ng-app="asdf"，因此请在此处省略）

<input type="text" ng-model="helloAngular" ng-strict-di /> 
<h1>{{helloAngular}} -- THIS WORKS</h1>


<p ng-controller="updateCatalogues">
    <div>{{message}} -- NOTHING BOUND HERE~</div>
</p>

为什么没有{{message}}插入我的页面？

Answer 1

您正在将一个块元素放在一个无法工作的内联元素中。

试试这个：

<div ng-controller="updateCatalogues">
    <p>{{message}} -- NOTHING BOUND HERE~</p>
</div>

$ scope变量未在mvc视图上加载，也没有显示错误

1 个答案: