【问题标题】:passing value to <input> with angular.js使用 angular.js 将值传递给 <input>
【发布时间】:2015-04-25 07:25:15
【问题描述】:

我在这里找不到问题,为什么我看不到

HTML:

'<div ng-app="BusinessinfoModule" ng-controller="BusinessinfoController" 
                          <label>Your Business Name</label>
    <input type="text" class="form-control"  name="bussiness" ng-model="bussiness" ng-maxlength="100" required>
</div>'

和控制器:

angular.module('BusinessinfoModule', [])
  .controller('BusinessinfoController', function($scope) {
    $scope.business = 'aaa';
  });

这里是代码笔:http://codepen.io/anon/pen/GJggeE

【问题讨论】:

  • 这是什么?输入正确的代码。
  • 您的控制器代码丢失。此外,为了正确格式化,只需将代码粘贴到文本字段中,突出显示代码,然后按 control + k(或单击代码按钮)。
  • 对不起,这里更好
  • 你是否添加了对 Angular js 脚本的引用?
  • 您的 ng-model 名称与控制器中的名称不同。 bussiness & business,是错字吗?

标签: javascript angularjs


【解决方案1】:
<div ng-app="BusinessinfoModule" ng-controller="BusinessinfoController" >

    <label>Your Business Name</label>
    <input type="text" class="form-control"  
     name="bussiness" 
     ng-model="business " //ng-model which binds your controller scope to ui.
     ng-maxlength="100" 
     required/>

</div>





angular.module('BusinessinfoModule', [])
  .controller('BusinessinfoController', function($scope) {
    $scope.business = 'aaa';
  });

https://jsfiddle.net/ncoxq6zf/

【讨论】:

  • 当控制器被执行时,它使用具有 'aaa' 值的业务范围,如果你在 html 中查看名为 BusinessinfoController 的控制器的范围,它是为整个 div 定义的。所以你的 ng-model 将作用域值绑定到 ui。 (它播放两种方式绑定)
  • 打开浏览器控制台,让我知道发生了哪些错误?
猜你喜欢
  • 2016-10-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-08-31
  • 2019-04-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多