如何在Angulas JS中创建按钮并在HTML页面中使用ng-repeat显示它们
在AngularJS中创建按钮并在HTML页面中使用ng-repeat显示它们的步骤如下：
- 首先，在HTML页面中引入AngularJS库文件：
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>- 在HTML页面中创建一个容器，用于显示按钮：
<div ng-app="myApp" ng-controller="myCtrl">
<button ng-repeat="button in buttons">{{button}}</button>
</div>- 在JavaScript中定义AngularJS应用程序和控制器：
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.buttons = ['Button 1', 'Button 2', 'Button 3'];
});- 在上述代码中，
$scope.buttons是一个包含按钮文本的数组。你可以根据需要修改按钮的数量和文本。 - 最后，你可以在HTML页面中使用ng-repeat指令来循环遍历按钮数组，并创建相应的按钮。
这样，当页面加载时，AngularJS会自动将按钮数组中的每个元素创建为一个按钮，并显示在页面上。
关于AngularJS的更多信息和学习资源，你可以参考腾讯云的AngularJS产品文档： AngularJS产品介绍
相关·内容
我在我的项目中有一个需求，用户可以使用模态提供一些信息，比如一些名称和URI。他们可以选择输入他们想要的名称和URI，每个都将显示在前端表中，并且每个信息都有一个修改和删除按钮，他们可以使用该按钮分别修改或删除每个提供的条目。我从模态中捕获URI和名称，并将它们写到一个数组中，然后在HTML中循环遍历该数组以显示每个元素，到目前为止一切正常。我想现在创建2个<em
浏览 22提问于2020-07-01得票数 0
我正在创建一个新的网站，我将有不同的网页。但是，我不需要为每个页面创建新的HTML文件，而是为每个页面创建一个锚，而是希望我的所有页面都包含在一个HTML文件中。有可能吗？
浏览 3提问于2022-09-20得票数 0
在我的sharepoint应用程序中，我有一个div正在使用ng重复：<div class="myPageItem" ng-repeat="item in jsonObject">
<div class每个页面必须有唯一的3页项，因为这是在我们的分页系统中使用的，而且每个页面都是使用该类生成
浏览 5提问于2014-12-17得票数 0
回答已采纳
Jquery mobile只在DOM中加载第一个页面我是通过hide()和show()实现页面导航的，但现在我使用了jquery对象，如google map和navbar，现在它停止工作，并且在我的代码中不显示第3页，直到我将第3页放在页面的顶部，但是第1页停止显示jquery导航栏，并使用适当的jquery css。目前我正在开发html5，jquery mobile，phonegap，安卓模拟器。HTML
浏览 3提问于2012-07-25得票数 2
回答已采纳
我将我的GWT代码拆分到不同的模块中，如
EmployeeResponse.gwt.xml
拒绝申请
每当用户单击new application缺省值时，新应用程序就会打开，因为我在EmployeeResponse.nocache.j
浏览 0提问于2017-06-21得票数 0
回答已采纳
2回答
我是学习角，我试图实现以下行为使用香草角。通过按下按钮，我想验证所有输入(只检查它们是否为空)，并在无效输入下显示消息。它很容易用jQuery或甚至普通的JS来实现，但是我在角质上挣扎着。window.angular);
<div ng-control
浏览 1提问于2017-03-19得票数 0
回答已采纳
2回答
角和Vue模板和绑定
、、、
其中每一个似乎都使用了所谓的“声明式绑定”和“模板化”。我相信我理解这些是什么。但是，我不明白我为什么需要它们。我的问题是：
谢谢
浏览 2提问于2017-02-09得票数 1
回答已采纳
我们正在考虑的是用requireJS在主干中创建新页面，并实现AngularJS显示的内容。例如，我们通过init创建一个新页面，并将其呈现在主干中，在返回的html中，它有一些有角度的内容，如： <p>My first expression: {{ 5 + 5 }}</p>我们将Ionic安装在Cordova之
浏览 0提问于2015-05-20得票数 3
回答已采纳
3回答
我有一个显示按钮的指令。快速示例：指令内部是类似于以下内容的HTML。(这将在呈现页面后显示两个按钮)。<button ng-repeat="option in options">{{option}}</button><my-directive ng-model="so
浏览 2提问于2017-11-09得票数 0
我正在尝试使用Crossrider创建一个跨浏览器扩展，它将能够管理浏览器书签，监视打开的浏览器选项卡/窗口，并在用户单击按钮时将其保存到远程服务器，等等。我可以使用"appAPI.browserAction.setPopup()“方法创建弹出或使用”侧栏“插件来显示打开的浏览器选项卡/窗口。
Q-1.使用的优点/缺点是什么？Q-2.还有其他方法吗？Q-3.如何监视和显示打开的
浏览 4提问于2013-07-14得票数 0
服务器端是Apache，数据库是db2，在客户端我使用JQuery。应用程序是通过websphere部署的。最近，我开始在许多页面上大量使用JQuery，并且慢慢地开始看到某些页面后面的JQuery代码变成了意大利面代码。我希望在客户端添加Angular.js和handlebars.js，为我的JQuery提供更多的结构。首先，我想问一下，对于Angular.js来说，这是否是一个很好的用途，如果我使用带有jquery的角度和把手，那么每一个都有什么用
浏览 2提问于2015-10-14得票数 0
回答已采纳
1回答
我在nextJS存储库上有一个后退按钮，当单击它时，我可以调用handleClick...const handleClick = e => { // go back on
浏览 20提问于2021-02-20得票数 0
3回答
我想通过在angular js中调用API来访问数组。并在ng-repeat中使用它们$scope.onsubmit = function () { var answers代码： <div class="row">
<h3&g
浏览 0提问于2016-04-25得票数 0
我正在使用Angular.js构建一个Phonegap应用程序。在索引页面中，您可以单击“显示用户列表”按钮，该按钮会将您重定向到在ng-view中加载模板的页面。该模板包含从$rootScope.users加载并使用ng-repeat呈现的用户列表。问题是有很多用户(目前大约是120 )，所以页面渲染很慢，特别是在Phonegap中。因此，当我单击“显示用户列表
浏览 1提问于2014-05-28得票数 4
我正在使用AngularJS创建一些CRUD页面，并在用户列表页面上，我试图重定向到编辑页面，一旦用户点击"Edit“按钮。但由于某些原因，$routeProvider无法正常工作。下面是我的index.html，显示了用户列表 <td>{{ user.firstname }}<&
浏览 31提问于2017-07-09得票数 0
回答已采纳
我正在尝试保存复选框中选中的项目并显示它们。我可以将它们存储在本地并显示。但是，该刻度不会存储。每次我重新加载页面时，都会显示存储的选中项，但缺少勾号。关于如何在选中项中存储标记并在复选框中显示它们，您有什么想法吗？我目前正在尝试的jsfiddle代码是：<div ng-repeat="chip in colo
浏览 6提问于2016-07-11得票数 1
我使用Laravel5.1和构建web应用程序，我只是购买了HTML主题，并直接复制所有的css和Js文件到公共/资产(不使用任何任务运行，如吞咽或咕噜)。我尝试自定义登录和注册视图页面，如果我使用默认路由，它无法加载js和CSS (只是加载普通HTML )，但是如果我直接指向它
Route::get('login','AuthController@getLogin*所有其他页面</em
浏览 4提问于2015-08-16得票数 0
2回答
Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show(); }
当我运行我的应用程序，网页将载入，吐司永远不会显示在这之后，说明是
这为运行在JavaScript中的WebView创建了一个名为Android的接口。此时，web应用程序可以访问WebAppInterface类。例如，下面是一些HTML和JavaScript，当用户单击一个按钮时，它们使用新的界面创建<
浏览 5提问于2014-01-19得票数 2
回答已采纳
我已经使用Angular JS创建了一个搜索，其中我从一个JSON文件中提取数据，并将其显示在页面上的一个表格中，该页面运行良好。表行和表列是由Angular ng-repeat创建的。在表格下面添加了一个webform，它有几个字段(这是简单的html/css/js webform)。我希望一旦表行被点击，从表列中提取数据并将其推入webform输入文本框中。
浏览 16提问于2017-03-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
