Angular $ scope在HTML模板中不可用，但我可以在控制台日志中看到它？

作者: 哈哈
发布时间: 2024-12-14 02:33:15 (13天前)
转自：

3 条回复

0#
回复此人
Hey ou | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您正在混合两个概念控制器别名和$ scope，在您创建控制器别名为MEC using的情况下 <code> controllerAs </code> 。如果您使用控制器别名，那么这将适合您： </p> <pre> <code> function MetricController($scope, metricManager, $log) { var MEC = this; metricManager.getMetric(0).then(function(metric) { MEC.metric = metric $log.info('$scope.metric printed to console below:'); $log.info($scope.metric); }) } </code> </pre> <P> 如果您不想使用控制器别名并通过$ scope在视图和控制器之间共享数据，那么在您的视图中，您应该使用类似此{{:: metric.metadata.name}}的内容，并且控制器功能应保持原样。 </p> <P> PS：如果你正在使用别名那么MEC in <code> var MEC = this </code> 可以是MEC或abc或您喜欢的任何名称，但约定是使用 <code> var vm = this </code> 和 <code> controllerAs: 'vm' </code> 。如果你有控制器：'xyz'然后在你的视图中 <code> xyz </code> 应该用来访问模型。 </p> </DIV>

编辑
1#
回复此人
你咖喱人biss嗷 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您的视图HTML问题，您需要在绑定时使用正确的Angular表达式。当你想使用:: MEC别名时，你需要用你的控制器标记 <code> as </code> keyowrd，喜欢 <code> ng-controller="xyz as MEC" </code> 。结帐工作 <a href="https://plnkr.co/edit/kMF2yXfEcr1qP5BD9TxA?p=preview" rel="nofollow noreferrer"> Plunker </A> </p> <pre> <code> <div class="panel panel-primary"> <div class="panel-body">  Id: <span ng-bind="metric.id"></span> <br> Name1: <input type="text" ng-model="metric.metadata.name" /> <br><br><br><br>  <p data-ng-repeat="thing in [metric] track by $index"> {{$index + 1}}. <span>{{thing.metadata.name}}</span> <span class="glyphicon glyphicon-info-sign"></span> </p><br><br><br>  Id: <span ng-bind="metric.metricId"></span> <br> Id: <span ng-bind="metric.id"></span> <br><br><br>  Id: <strong>{{::metric.id}}</strong> <br> Name: <strong>{{::metric.metadata.name}}</strong> <br> Height: <strong>{{::metric.type}}</strong> </div> </div> </code> </pre> </DIV>

编辑

登录后才能参与评论