【问题标题】:Angularjs two way binding is not workingAngularjs双向绑定不起作用
【发布时间】:2014-06-30 06:39:07
【问题描述】:

我正在尝试记录输入框模型的变量,但它显示未定义,这是咖啡脚本代码。

.controller('setupCtrl',[
  '$scope'
  ($scope) ->
    $scope.userAge = [{age: ''}]
    console.log 2342424

    $scope.addAge = ->
      console.log($scope.age)
])

这是 HTML 代码

<form role="ageForm" data-ng-submit="addAge()" >
    <div class="form-group">
        <input type="text" ng-model="age" class="form-control" placeholder="Age" required>
    </div>
    {{input}} butona koyup data-ng-click dene istersen
    <button type="submit" ng-click="addAge()">sdsadsdSave</button>
</form>

它说 $scope.age 未定义

【问题讨论】:

    标签: angularjs coffeescript


    【解决方案1】:

    看起来 ng-model => userAge.age 不仅仅是年龄

    <form role="ageForm" data-ng-submit="addAge()" >
        <div class="form-group">
            <input type="text" ng-model="userAge.age" class="form-control" placeholder="Age" required>
        </div>
        {{input}} butona koyup data-ng-click dene istersen
        <button type="submit" ng-click="addAge()">sdsadsdSave</button>
    </form>
    
    $scope.addAge = ->
          console.log($scope.userAge.age)
    

    【讨论】:

    • 谢谢 sylwester,它有效,现在我想知道如何将它存储在脚本中未定义的变量中?
    • 我有点困惑,你能解释一下吗?
    • sylwester 假设我有一个输入 但 x 未在 $scope 中定义,我如何记录它?
    • 我相信在控制器中定义模型是一种很好的做法。但是即使您没有在控制器中定义模型,一切都应该正常工作,请参见此处:jsbin.com/veyix/1。另一个但是是咖啡脚本,它看起来对你不起作用。
    • 这样的对象能用吗?我已经使用 ng-model 来定义一个字符串或 int 但从来没有 var.int
    猜你喜欢
    • 2016-05-14
    • 1970-01-01
    • 1970-01-01
    • 2012-02-14
    • 2015-03-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多