2017-04-25 135 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

它不是一個約曼的問題 –