2017-04-25 114 views
0

我的kickstart与自耕农的应用,谁使用“controllerAs”启动app.js ..如何访问控制器内的控制器变量?

我知道这样,我不使用$范围,但我必须使用访问控制器属性,但在某种程度上,我无法看到更改...有人可以帮助我吗?

这里我做了什么:

app.js

  angular 
       .module('viaggiApp', [ 
       'ngAnimate', 
       'ngCookies', 
       'ngResource', 
       'ngRoute', 
       'ngTouch', 
       'ngMaps' 
       ]) 
       .config(function ($routeProvider, $locationProvider) { 
       $routeProvider 
        .when('/', { 
        templateUrl: 'views/main.html', 
        controller: 'MainCtrl', 
        controllerAs: 'main'  
        }) 
        .when('/about', { 
        templateUrl: 'views/about.html', 
        controller: 'AboutCtrl', 
        controllerAs: 'about' 
        }) 
        .otherwise({ 
        redirectTo: '/' 
        }); 
        $locationProvider.hashPrefix('');  
       }); 

控制器(主)

angular.module('viaggiApp').controller('MainCtrl', function ($q,GetPathGoogle,NgMap) { 
this.propriety="say hi"; 
}); 

HTML

{{main.propriety}} 

为什么html不能正确渲染适当的值,但它会显示括号?

回答

0

这应该工作,

<div ng-controller="MainCtrl as main"> 
    <h1> {{main.propriety}} </h1> 
</div> 
+0

我已经做到了这一点:

\t \t {{main.propriety}}
但没有...我不知道是否可能是一个自耕农问题... –

1

试试这个

<html> 
 
<head> 
 
\t <script Src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.js"></script> 
 

 
\t <script> 
 
\t \t var app=angular.module("myapp", []); 
 
\t \t app.controller("namesctrl", function(){ 
 
      this.propriety="say hi"; 
 
\t \t }); 
 
\t \t 
 
\t </script> 
 

 

 
</head> 
 
<body ng-app="myapp" ng-controller="namesctrl as ctrl"> 
 
{{ctrl.propriety}} 
 
</body> 
 
</html>

+0

我已经开始使用yeoman的应用程序,(无法复制你的结构)我有什么c现在是挂到控制器在main.html中像这样的链接:

\t \t {{main.propriety}}
,但仍然没有 –

+0

我不知道'yeoman',也可能是'yeoman'问题.. –

+0

它不是一个约曼的问题 –

相关问题