2016-08-28 14 views
0

私は単純なレールアプリケーションを持っています。このコードブロックの入力がうまくいかないとうまくいきません。角度コントローラが読み込まれず、レールアプリケーションにエラーがありません

<div ng-contoller="myappMyController as myController"> 
     Hello {{ myController.greet() }} 
     </div> 

私はangular amp.jsで定義されたコントローラを持っています。ここではそのためのソースコードが

var MyController= function() { 
    console.log("AM getting here"); 
    var controller=this; 
    var greet = function() { 
     return "howdy"; 
    } 
    controller.greet=greet; 
} 
angular.module('myapp',[]).controller('MyController', MyController); 

ファイルJSのは、ここではアプリケーションのレイアウトのhtmlファイルのコピーが

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 
    <meta name="description" content=""> 
    <meta name="author" content=""> 
    <link rel="icon" href="assets/favicon.ico"> 

    <title>AngularVenkat</title> 

    <%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" => true %> 
    <%= javascript_include_tag "application", "data-turbolinks-track" => true %> 

    <%= csrf_meta_tags %> 


    <!--<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>--> 
</head> 
<body> 

<%= yield %> 

</body> 
</html> 

任意である。この方法

<div ng-app> 
    <p id="notice"><%= notice %></p> 
    <h1>Listing Users</h1> 
    <p>The value is {{1+1}}</p> 
    <input ng-model="firstName" ng-model-options="{updateOn: 'blur'}"/> 
    <p>Hi {{firstName}}</p> 
    <div ng-contoller="myappMyController as myController"> 
    Hello {{ myController.greet() }} 
    </div> 
</div> 

呼び出していhtmlファイルであります私が取り組まなかった勧告や事柄。

答えて

1

ここでは、MyControllerとしてあなたのコントローラを定義している:

ここ
angular.module('myapp',[]).controller('MyController', MyController); 

あなたはmyappMyControllerとしてそれを参照しようとしている(プラスあなたはng-controllerにタイプミスがあります):

<div ng-contoller="myappMyController as myController"> 

、変更する必要がありますいずれか一方がMyControllerまたはmyappMyControllerに一致するようにします。

関連する問題