【问题标题】:How to set form input value in angularjs?如何在angularjs中设置表单输入值?
【发布时间】:2016-09-07 06:15:32
【问题描述】:

如何在angularjs中为输入表单设置值?

这是我的输入表单:

<input type="text" placeholder="John" ng-model="dataOrang.nama">

【问题讨论】:

  • 您输入的任何内容都将存储在 $scope.dataOrang.nama 中
  • 谢谢,可以了

标签: angularjs forms input


【解决方案1】:

您可以在控制器中设置值,如下所示。

$scope.dataOrang = {
        nama : "SomeValue"
    }

参考:http://jsfiddle.net/Lvc0u55v/9233/

【讨论】:

    【解决方案2】:

    将这些添加到控制器中, $scope.dataOrang.nama = "样本数据"

    【讨论】:

      【解决方案3】:

      ng-value = 指定输入元素的值。
      ng-model = 将 HTML 控件的值绑定到应用程序数据。

      var app = angular.module( "myApp", [] );
      
      app.controller( "myCtrl", ["$scope", function($scope) {
      
          // set value from app to input html
          $scope.value = {
              nama: "Doe"
          };
      
      }] );
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
      
      <div ng-app="myApp" ng-controller="myCtrl">
      
          <input type="text" placeholder="John" ng-model="model.nama" ng-value="value.nama" />     
      
          <!-- get value from input html into p tag -->
          <p>Nama: {{ model.nama }}</p>
      
      </div>

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2019-03-07
        • 1970-01-01
        • 2021-10-10
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多