Question

我正在使用flask（版本1.0.2）和AngularJS（版本1.7.2）材料（版本1.1.10）。

问题是控制器已附加到视图并且可以正常工作，但是未在视图中显示值。

控制器

$$.controller("bigLayoutToolbarController", function ($scope) {
    $scope.title = "---"
    console.log(">>", $scope.title)
})

令人惊讶的是，控制台日志正在运行。

>> ---

视图

<section layout="row" flex style="height: 100%" ng-controller="bigLayoutToolbarController">
<h2 flex md-truncate>{{ title }}</h2>
</section>

我怎么了？

Answer 1

请尝试删除md-truncate，因为它将自动剪辑比组件宽的文本。

DEMO

var app = angular.module('myApp',[]);
app.controller("bigLayoutToolbarController", function ($scope) {
    $scope.title = "---"
    console.log(">>", $scope.title)
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.2/angular.min.js"></script>
<body ng-app="myApp">
<section layout="row" flex style="height: 100%" ng-controller="bigLayoutToolbarController">
<h2 flex md-truncate>{{ title }}</h2>
</section>
</body>

AngularJS $ scope没有显示值

1 个答案: