如何将angularjs变量值分配给html元素属性,例如输入elememnt的name属性

2024-07-04

我对 Angular 完全陌生,我有一个 AngularJS $scope 变量:

$scope.testme = "inputname",

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

结果如下:

<input name="inputname" ...>。但是如何从 angularjs 范围变量中获取它呢?

谢谢你!


请查看更多https://docs.angularjs.org/guide/databinding 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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何将angularjs变量值分配给html元素属性,例如输入elememnt的name属性 的相关文章

  • jquery中的ontouchstart和ontouchend?

    我目前正在对要更改触摸类的每个元素使用以下内容 ontouchstart this addClass select ontouchend this removeClass select 我想知道是否有这样的事情 element touchs
  • 如何在 jasmine 中模拟 $scope.variables

    我有以下测试用例 CompanyCtrlSpec js describe ViewCompanyCtrl function var rootScope scope controller q beforeEach angular mock m
  • .NET Core Web API 中的 IFormFile 对于 axios 和 ajax 文件上传为 null,但在 Postman 中有效

    介绍 因此 我有一个 API 可以使用以下签名将文件上传到 Azure public async Task
  • 使用 GruntJs 缩小脚本

    我有几个 js 文件 我似乎可以让 GruntJs 正确地连接 缩小它们 如果我单独做每一个 它们就会工作得很好 如果我单独组合然后尝试缩小组合文件 它也不起作用 Here is the error 有想法该怎么解决这个吗 或者也许是什么原
  • html5 datalist 仅选择预定义选项

    我正在使用 HTML5datalist允许通过自动完成和过滤功能从大列表中进行选择 但我只想允许从预定义的选项中进行选择 查看小提琴演示http jsfiddle net tharas rrkdu8pk http jsfiddle net
  • 使用指令刷新窗口时刷新元素高度和大小

    目前 以下指令在页面加载时获取元素的宽度和高度 如何让它在窗口调整大小时刷新它 angular module adsomaApp directive elementSize function timeout return restrict
  • 是否可以从 JavaScript 注入的内联样式中减去一个数字?

    我在 HTML 中添加了内联样式 例如style left 10px 我可以添加 减去该数字吗 我想创建一个可以删除的规则8px从该数字开始 无论该数字是多少 我尝试使用丑陋的 importanthack 来覆盖它 但是当初始值改变时这没有
  • 如何在引导程序使用jquery中单击另一个链接时更改活动类?

    我有一个 html 作为侧边栏 并使用Bootstrap ul class nav nav list li class active a href Link 1 a li li a href link2 Link 2 a li li a h
  • 预加载队列中的 mp3 文件,以避免播放队列中下一个文件时出现任何延迟

    我正在编写一个脚本 其中我正在播放多个 mp3 并且每个文件都在队列中 播放下一个 mp3 文件会出现轻微延迟 因为缓冲 加载文件需要时间 我如何缓冲队列中的下一个 mp3 文件 以便所有文件顺利运行而没有任何延迟 getData 1 fu
  • 为什么需要@babel-core

    我是 Babel 和 JS 的新手 我想知道何时以及为何使用 babel core 包而不是 babel cli From 巴贝尔官方文档 https babeljs io docs en Babel是一个工具链 主要用于转换ECMAScr
  • 有没有可靠的方法在 IE11 中使用 ctx.drawImage() ?

    我有一个脚本 可以根据数据查询创建动态 SVG 图形 我需要将它们粘贴到 PDF 中 为此我使用 jsPDF 不幸的是 jsPDF 自己的 addSVG 似乎不起作用 所以我花了一些时间尝试使用画布将 SVG 转换为 PNG 我似乎可以将
  • 两个选择框重叠

    我有两个选择框HTML 一个在另一个之下 第一个选择框正常 第二个选择框默认打开 意味着无需单击即可显示选项 现在当我点击第一个select box它的内容移动到另一个的后面select box HTML
  • 删除CKEditor图像插件中的htmlPreview

    我在 CKEditor 的图像插件中隐藏预览元素时遇到问题 我需要一个非常简单的图像对话框 其中只有图像源的输入字段和带有图像上传按钮的表单 因此 我使用这些自定义配置设置删除了不必要的元素 CKEDITOR on dialogDefini
  • 检查纬度和经度是否在谷歌地图圆内

    以下是我正在寻找的期望结果 我想知道的是 我使用中心点纬度和周围半径创建了圆 现在我想知道 如何检查 计算 纬度和经度是否在该区域之内或之外 如果您能给我 JavaScript 代码示例 我将不胜感激 我正在使用 Google 地图 API
  • 错误:“访问受限 URI 被拒绝”

    访问受限 URI 被拒绝 代码 1012 中断此错误 xhttp send null function getXML xml file if window XMLHttpRequest var xhttp new XMLHttpReques
  • 获取此 contenteditable 元素中的当前行和行索引?

    我有一个这样的元素 span line 1 line 2 line 3 line 4 line 5 span 假设用户正在编辑 第 4 行 如何获取该 contenteditable 元素中的当前行和行索引 在插入符号位置 这是使用选择属性
  • 为移动设备设计网页界面

    如何使您的网站在标准浏览器和各种可用的移动设备上看起来都很好 目前 我尚未决定是尝试调整布局大小以使其适用于小型设备 还是为移动设备提供单独的 CSS 我的用例是一个国际象棋游戏 我希望整个棋盘都可用而无需向下滚动 你会推荐什么 基本上没有
  • 使用 RaphaelJS 确定图像何时加载到 svg 中

    我正在尝试弄清楚如何确定 svg 图像何时加载到浏览器中 我正在使用 Raphael JS 并且我已经尝试过 var image paper image path 0 0 10 10 image node addEventListener
  • 街景中标记上的 InfoWindows

    根据 Google 文档 当您在地图上创建标记时 市场也会 复制 到地图的街景版本上 但是 onClick 事件绑定不会被复制 或者至少看起来不会被复制 因此我无法在 StreetView 中打开标记上的 InfoWindow 理想情况下
  • 如何在角度4中使用addHTML

    我试图在 Angular 中使用 jspdf 库的 addHTML 函数 并且已经安装了 html2Canvas 但出现错误 这是我的 demo component ts 文件 import Component OnInit ViewChi

随机推荐

  • 用随机图像填充表格

    首先 我的编码经验包括修改简单的脚本以在我的页面上工作 其次 我搜索并发现了几个类似的问题 但无法完全解决它们 我需要一些帮助来使用大约 40 张图像数组中的随机图像填充 3x3 表 我目前有一个使用 backgroundImage 属性的
  • 杰克逊没有认识到存在的领域

    这是我的 JSON totalSize 46 done true records Name Wamu I Start Date c 2016 09 26T16 56 10 000 0000 Status c Completed Type c
  • 在 MacOS 命令行上使用 Android Studio 内置 Java

    这里有很多关于在 Mac 上安装 Java 以及让 Android Studio 使用正确版本的信息 很多已经过时 但是最近版本的 Android Studio 2 2 及更高版本 提供了自己的 Java 对于大多数 Mac 用户来说 没有
  • 如何使用ast.NodeVisitor的简单示例?

    有谁有一个使用 ast NodeVisitor 来遍历 Python 2 6 中的抽象语法树的简单示例吗 我不清楚访问和 generic visit 之间的区别 而且我找不到任何使用谷歌代码搜索或普通谷歌的示例 ast visit 当然 除
  • 导入文本文件:没有要从文件中解析的列

    我正在尝试从 sys stdin 获取输入 这是hadoop 的map reducer 程序 输入文件为txt格式 数据集预览 196 242 3 881250949 186 302 3 891717742 22 377 1 8788871
  • 红宝石数学宝石

    有谁知道是否有适合数学 几何运算的好宝石 我需要一些这样的东西 点积 叉积 向量之间的角度 Matrix 表面法线 向量计算 加 减 奇异值分解 thx tux 我强烈推荐Ruby GSL http rb gsl rubyforge org
  • 将 data.table 转换为数据框而不复制[重复]

    这个问题在这里已经有答案了 本问答集 https stackoverflow com questions 20345022 convert a data frame to a data table without copy询问如何在不复制的
  • matlab的imregionalmax()和scipy.ndimage.filters.maximum_filter有什么区别

    我需要找到图像的区域最大值以获得用于分水岭分割的前景标记 我在 matlab 中看到使用该函数imregionalmax http www mathworks com help images ref imregionalmax html 由
  • 像 peek and pop 一样手动振动 iPhone 6S?

    如何手动触发类似单击的振动 就像使用 peek pop 或应用程序快捷方式时发生的振动一样 这个方法很容易实现 而且效果非常好 我自己尝试过 import AudioToolbox AudioServicesPlaySystemSound
  • 角度错误:没有 NgControl 的提供者

    我正在创建一个实现 ControlValueAccessor 的组件 以在响应式表单中使用 它只是输入元素的包装器 上面有一些管道 我注入了 NgControl 以便检索有效 无效状态并将它们传播到内部输入元素 当在另一个输入中找到输入值时
  • 如何使用插入符号和 glmnet 应用套索逻辑回归?

    我试图重复以下代码行 x mat lt as matrix train df predictors y class lt train df Response cv lasso fit lt cv glmnet x x mat y y cla
  • 单声道高分辨率计时器(在 Linux 上)

    我正在将一个以 50 毫秒轮询 用于串行通信 的 Windows C 应用程序移植到 Linux 使用 Mono 我们当前使用 ZylTimer 由 ZylSoft 提供 在每个时间间隔生成 tick 事件 但是由于该库将 pInvoke
  • 强参数允许嵌套属性的所有属性

    有办法进去吗参数强 https github com rails strong parameters允许 a 的所有属性嵌套属性模型 这是示例代码 class Lever lt ActiveRecord Base has one lever
  • 如何在运行时创建对象?

    我需要在运行时创建一个类的多个不同对象 这个数字也是在运行时确定的 就像我们在运行时得到 int no o objects 10 一样 然后我需要实例化一个类10次 Thanks 阅读Java 教程中的数组 http java sun co
  • 如何在 Visual Studio 2017 中更新 Django

    我正在尝试设置 Visual Studio 2017 进行 Django 开发 但 Django 1 9 版本很旧 如何将其更新到最新版本 gt 2 0 使用建议的安装创建 Django Web 项目 为您的环境命名 选择 Python环境
  • 汇编语言:cbw

    我不确定是什么cbw命令确实如此 我有一段代码 mov ax 0FF0h cbw idiv ah cbw后ax的值如何变化 The cbw指令将一个字节符号扩展为一个字 在这种情况下 它将采用符号位AL 恰好是1 并将其复制到每一位AH 这
  • Java自动将集合转换为参数数组?

    我知道Java 数组参数语法可以接收数组作为参数 或者只是传递给方法的许多参数 然而 我注意到它对于集合也是如此 public static void main String args Collection objects new Arra
  • 如何获取消息框中的文本和变量

    我只需要知道如何在消息框中包含纯文本和变量 例如 我可以做这个 MsgBox variable 我可以这样做 MsgBox Variable 但我不能这样做 MsgBox Variable variable 正如所建议的 使用 string
  • iOS 11 和 XCode 9.3 - HTTP 加载失败

    iOS11 设备偶尔会出现此错误 HTTP 加载失败 错误代码 1005 1 54 该应用程序正在连接到 https json Web 服务 当它在前台时 一切都运行顺利 计时器正在执行 Web 服务调用 但有时 无法始终复制问题 当应用程
  • 如何将angularjs变量值分配给html元素属性,例如输入elememnt的name属性

    我对 Angular 完全陌生 我有一个 AngularJS scope 变量 scope testme inputname 我想将此变量值分配给 html 元素的 name 属性 我想 结果如下