繁体   English   中英

错误:[ng:areq]参数不是函数,未定义

[英]Error: [ng:areq] Argument is not a function, got undefined

我试图用Angular制作一个简单的应用程序,却偶然发现

在此处输入图片说明

加载页面时弹出错误。 我做错了什么?

views / raffle / index.html.erb

<h1>Raffler</h1>

<div ng-controller="RaffleCtrl">
  <form>
    <input type="text" ng-model="newEntry.name">
  </form>

  <ul>
    <li ng-repeat="entry in entries">
     {{entry.name}}
    </li>
  </ul>
</div>

资产/javascript/raffle.js.coffee

@RaffleCtrl = ($scope) ->
  $scope.entries = [
    {name: "Larry"}
    {name: "Curly"}
    {name: "Moe"}
  ]  

views / layouts / application.html.erb

<!DOCTYPE html>
<html ng-app>
<head>
  <title>AngularTestProject</title>
  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
</head>

<body>
  <div id="container">
    <%= yield %>
  </div>
</body>

</html>

你可以做,

<div ng-app="myApp">
     <h1>Raffler</h1>

    <div ng-controller="RaffleCtrl">
        <form>
            <input type="text" ng-model="newEntry.name">
        </form>
        <ul>
            <li ng-repeat="entry in entries">{{entry.name}}</li>
        </ul>
    </div>
</div>

angular.module('myApp', []).controller("RaffleCtrl", function ($scope) {
    $scope.entries = [{
        name: "Larry"
    }, {
        name: "Curly"
    }, {
        name: "Moe"
    }];

});

演示

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM