如何将angularjs变量值赋给html元素属性，例如输入elememnt的name属性 [英] How to assign angularjs variable value to html element attribute, such as input elememnt's name attribute

问题描述

我对angular很新，我有一个angularjs $ scope变量：

I am totally new to angular, I have an angularjs $scope variable:

$scope.testme = "inputname",

我希望将此变量值分配给html元素的name属性。我想

and I want to assign this variable value to a name attribute of html element. I want

以下结果：

< input name =inputname ...> 。但如何从angularjs范围变量获取它？

<input name="inputname" ...>. But how to get it from angularjs scope variable?

谢谢！

推荐答案

请参阅更多 https://docs.angularjs.org/guide/databinding

var app= angular.module("app",[]).controller('fCtrl', function($scope){

$scope.elementName = "testName";
$scope.myElement = {
  value:"some value",
  name:"myInput"
}
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app">
<div ng-controller="fCtrl">
  
  <input type="text" ng-model="myElement.value" name="{{myElement.name}}">
  <hr/>
  name only
  <br/>
  
  <input type="text" name="{{elementName}}">
  </div>
  
</div>

这篇关于如何将angularjs变量值赋给html元素属性，例如输入elememnt的name属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！