Wie Zugriff auf Controller-Variablen in ControllerAs?

i kurbeln eine App mit Yeoman, die „controllerAs“ einzuleiten, um die app.js verwenden ..Wie Zugriff auf Controller-Variablen in ControllerAs?

ich weiß, dass ich nicht verwenden die $ Umfang auf diese Weise, aber ich habe diese verwenden Zugang zu Controller-Eigenschaften, aber in irgendwie kann ich nicht die Veränderungen visualisieren ... kann mir jemand helfen?

Hier ist, was ich getan habe:

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('');  
       });

Controller (Haupt)

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

html

{{main.propriety}}

warum die html nicht korrekt den anständigen Wert, aber es zeigen mir die Klammern?

Quelle

2017-04-25 Pds Ink

Dies sollte, arbeiten

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

Quelle

2017-04-25 10:46:46 Sajeetharan

ich dies getan haben:

\t \t {{main.propriety}}

aber nichts .. Ich frage mich bin, wenn ein Yeoman sein könnte Problem ... –

Versuchen Sie, diese

<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>

Quelle

2017-04-25 10:51:27

Ich habe die App mit Yeoman gestartet, (kann Ihre Struktur nicht replizieren), was ich c gehängt ist jetzt den Controller in der main.html wie folgt verlinken:

\t \t {{main.propriety}}

aber immer noch nichts –

Ich weiß nicht, über 'yeoman', kann es sein,' yeoman' Ausgabe .. –

Es ist kein Problem Yeoman –

Wie Zugriff auf Controller-Variablen in ControllerAs?

Antwort

Verwandte Themen