0

我尝试使用 angularjs 和 bootsrap 编写应用程序。我在服务器上使用 RoR，将 SLIM 和 CoffeeScript 用于模板和资产。这是我的索引文件：

doctype
html lang="en" ng-app='my_server'
  head
    meta charset="utf-8"
      meta content="IE=Edge,chrome=1" http-equiv="X-UA-Compatible"

      title= content_for?(:title) ? yield(:title) : "MyServer"
      = csrf_meta_tags
      = stylesheet_link_tag "application", :media => "all"
      = favicon_link_tag
      = javascript_include_tag "application"
  body
    .navbar.navbar-fluid-top
      .navbar-inner
        .container-fluid
          a.btn.btn-navbar data-target=".nav-collapse" data-toggle="collapse"
            span.icon-bar
            span.icon-bar
            span.icon-bar
          a.brand href="#" My server
          .container-fluid.nav-collapse
            ul.nav
              li= link_to "Link1", "/path1"
              li= link_to "Link2", "/path2"
              li= link_to "Link3", "/path3"
          /! /.nav-collapse
    .container-fluid
      .container-fluid(ng-view)
      footer
        p © Company 2013
    /! /container

app.js.coffee：

@app = angular.module('my_server', [])
  .config(['$routeProvider', ($routeProvider) -> @RouteProvider($routeProvider)])
  .run(['$rootScope', '$location', ($rootScope, $location) ->
  ])

routes.js.coffee：

@RouteProvider = ($routeProvider) ->
  $routeProvider.when('/sign_in', {templateUrl: 'assets/sign_in.html', controller: SignInController})

sign_in_controller.js.coffee：

@SignInController = ($scope, $routeParams) ->
    alert("Controller loaded")
    Auth = ->
        alert("Auth")

还有动态加载的sign_in.html.slim（我已经修改了rails资产管道配置，所以我可以将SLIM用于静态页面）：

.body
  form
    fieldset
      legeng Sign in
      label
        input type='email' placeholder='email' ng-model='email'
      label
        input type='password' placeholder='password' ng-model='password'
      button.btn ng-click='Auth()' Auth

当我尝试继续 /#/sign_in 时，我看到我的身份验证表单，我看到带有“控制器已加载”消息的警报，所以我认为 SignInController 已加载。但是当我按下表单上的 Auth 按钮时，我看不到带有“Auth”消息的警报，即控制器方法 Auth 没有被调用。当我试图在 SignInController 中写这样的东西时

$scope.email = 'email@example.com

我没有在我的表单中看到这封电子邮件。我在浏览器控制台中没有错误或警告。

为什么我的部分表单看不到我的控制器？我究竟做错了什么？

更新：

控制器方法必须定义为 $scope 属性

4

1 回答 1

0

Auth 方法必须是范围属性。尝试改变

Auth = ->
    alert("Auth")

至

$scope.Auth = ->
    alert("Auth")
于 2013-08-17T19:53:25.903 回答