HTML中的AngularJS显示对象
AngularJS是一种流行的前端开发框架，它是由Google开发并维护的。它通过扩展HTML的语法，使开发者能够更轻松地构建动态、交互式的Web应用程序。
AngularJS的核心概念是数据绑定，它允许开发者将数据模型与视图进行绑定，当数据模型发生变化时，视图会自动更新。这种双向数据绑定的特性使得开发者能够更高效地管理和展示数据。
AngularJS还提供了一系列的指令（Directives），这些指令可以用于扩展HTML的功能。例如，ng-model指令可以将表单元素与数据模型进行绑定，ng-repeat指令可以用于循环渲染列表数据，ng-click指令可以用于绑定点击事件等。
AngularJS还支持模块化开发，开发者可以将应用程序拆分为多个模块，每个模块负责不同的功能。这种模块化的开发方式使得代码更易于维护和扩展。
AngularJS的优势包括：
- 双向数据绑定：使得开发者能够更轻松地管理和展示数据。
- 指令系统：通过指令扩展HTML的功能，使得开发者能够更灵活地构建交互式的界面。
- 模块化开发：使得代码更易于组织、维护和扩展。
- 丰富的生态系统：AngularJS有大量的第三方库和插件可供使用，能够满足各种需求。
在腾讯云中，推荐使用腾讯云的Serverless Framework（https://cloud.tencent.com/product/sls）来部署和管理基于AngularJS的应用程序。Serverless Framework是一个开源的工具，它可以帮助开发者更轻松地构建、部署和管理无服务器应用程序。腾讯云的Serverless Framework支持多种编程语言和框架，包括AngularJS。
总结：AngularJS是一种流行的前端开发框架，它通过数据绑定和指令系统使开发者能够更轻松地构建动态、交互式的Web应用程序。在腾讯云中，推荐使用腾讯云的Serverless Framework来部署和管理基于AngularJS的应用程序。
相关·内容
1回答
我有一个表，我包括在不同的页面，这是很好的工作，但我不能得到在所包含的表中的值。如果我在页面上使用这个：
<div data-ng-include="'/app/views/tasks/tasksTable.html'" />
该表将显示，但我无法在文件tasksTable.html中显示值，这将显示未定义的值：
<td>
<i class="icon-ok-sign" ng-click="addTask()"></i>
&l
浏览 2提问于2013-09-27得票数 0
回答已采纳
我一直在使用基本相同的代码步骤检索并显示整个项目中的数据，但突然间，我遇到了一个情况，即来自一个函数的"$scope“数据没有显示在我的HTML页面中。数据就在那里，字段名与返回的数据中的字段名完全一样，但无论出于什么原因，字段名都不会显示。我使用引导选项卡，这些数据应该显示在第二个选项卡上。我想问题可能出在标签上的HTML中，所以我将“{data.whatever}”移到了一个标签上，该选项卡的数据显示正确，只是为了看看这是否是问题所在，但它仍然没有显示。
下面的图片显示了我在控制器中得到的信息：
但是，当我试图在代码中呈现数据时，如下所示：
<tr style=&#
浏览 4提问于2015-09-30得票数 0
回答已采纳
当时我正在读布拉德·格林( Brad )和夏亚玛·谢沙达里( Shyama Sheshadari )的AngularJS书，我读到了以下内容：
基本启动流如下所示：
1.用户请求应用程序的第一页。
2.用户浏览器与服务器建立HTTP连接，并加载包含模板的in dex.html页面。
3.角度加载到页面中，等待页面完全加载，然后查找ng-app来定义其模板边界。
4.角遍历模板，查找指令和绑定。这将导致侦听器和DOM操作的注册，以及从服务器获取初始数据。这项工作的最终结果是引导应用程序，并将模板转换为DOM视图。
5.连接到服务器以加载所需的附加数据，以便根据需要向用户显示。
步骤1到3是每个
浏览 3提问于2014-08-28得票数 1
3回答
我正在学习AngularJS并设置了项目的结构，但是当我调用返回JSON的API时，我无法在html中显示它。
方法是单击按钮，返回的结果将显示在{应答}}中。
HTML：
<div ng-app="xileapp">
<div ng-controller="searchController">
<input type="button" ng-click="search()" value="search" />
<div>Ans
浏览 7提问于2015-12-24得票数 10
回答已采纳
1回答
AngularJS和JSON
、、、、
我有我的简单HTML文件和JSON文件
<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div ng-controller="aboutController">
<p ng-repeat=&
浏览 1提问于2015-06-01得票数 0
回答已采纳
1回答
我有一个带有文本框的超文本标记语言页面，并且使用了一点AngularJS来显示剩余的字符数-
<div ng-app="" class="container-fluid">
<form class="form" role="form">
<div class="form-group">
@Html.TextArea("Description", htmlAttributes: new { @c
浏览 0提问于2015-02-08得票数 1
6回答
我有一个名为znanja的嵌套JSON "object“，我想在我的网页上显示它。它将包含一些我想要列到列表中的值。基本上，我正在建立一个投资组合，并想列出我的技能。到目前为止，我已经成功地显示了标题和整个对象，或者调用了一个特定的对象(例如{{ znanje.ena }})，但是我不知道如何在没有属性名的情况下显示它们。如果我只调用{{ znanje }}，我会在JSON中列出它们。我可以用angularJS指令来完成这个任务吗？我刚接触过棱角，所以任何帮助都很感激。
我的看法是：
<div ng-repeat="skill in skills">
浏览 7提问于2015-12-29得票数 0
回答已采纳
2回答
我使用指定的id从rest中接收消息。当我显示所有新闻时，我使用了ng-repeat，工作正常，但是当我想显示一个对象时，这个方法就不起作用了。
我的.when代码：
.when('/displaynews/:id',{
templateUrl: 'views/display.html',
controller: 'NewsDisplayController',
constollerAs: 'displaydash'
})
和controller
.controller('NewsDisplayCo
浏览 2提问于2016-03-23得票数 1
回答已采纳
1回答
指令
(function() {
'use strict';
angular
.module('app.colorslider.directive', [])
.directive('colorSlider', [
'$timeout',
'$rootScope',
'ColorSliderService',
function($timeout, $ro
浏览 1提问于2015-04-26得票数 4
回答已采纳
我需要编写一个AngularJS页面，该页面显示来自REST服务的一些JSON数据。REST服务在调用时显示以下JSON示例数据：
[{"key":"ABX1234","value":"Network Hub"}]
下面是用于检索数据的HTML页面：
<html ng-app>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"><
浏览 5提问于2014-03-15得票数 5
回答已采纳
2回答
我有两个文件foo.js和foo.html。
在foo.js中，我从API (我想它是异步的)获取信息，foo.html可以访问该对象。
<tr data-ng-repeat="y in vm.apidata">
<td>{{y.name}}</td>
<td>{{y.is_closed}}</td>
<
浏览 6提问于2013-12-16得票数 0
回答已采纳
2回答
我想过滤和显示HTML货币。
因此，我的函数获取代码名并返回匹配的HTML代码：
vm.filterCurrencyCode = function(currncey){
console.log(currncey);
if( currncey === ''|| angular.isUndefined(currncey)){
return '₪'; // default
}
浏览 2提问于2018-04-15得票数 1
回答已采纳
2回答
我是AngularJS的新手。在这里，我想显示一些html，同时从一个控制器切换到另一个。这是我的HomeController
function HomeController($scope) {
alert("hi");
$scope.myValue = true;
}
这是我的MainController。最初，它在我的MainController中是错误的。
function MainController($scope,$location) {
$scope.myValue = false;
}
这是我的身体。
<body ng-controller
浏览 1提问于2016-11-15得票数 0
回答已采纳
我正在学习AngularJS，我无法在我的mysql数据库中显示数据。我的密码：
todoController.js
angular
.module('todoApp')
.controller('todoController', todoController)
.config(config);
function config($routeProvider) {
$routeProvider
.when('/', {
controller: 'todoController'
浏览 3提问于2015-09-29得票数 1
回答已采纳
2回答
在我的Nodejs站点中，我创建了一个JSON数组并将其发送到angularJs客户端。然后它显示为object，object。由于这个原因，我现在使用了JSON.stringify，它在angularJs客户端中以一种奇怪的方式显示出来。
在NodeJs端创建数组，
getAttachments = function () {
let attach = [];
workflowSession.files.forEach(file => {
if (file) {
const item = {
浏览 20提问于2018-08-10得票数 2
回答已采纳
2回答
我在AngularJS中的双向绑定有问题.在我的HTML中，我有：
<div class="row" ng-app="creation">
<form class="form-horizontal" ng-controller="CreationController as cCtrl" ng-submit="cCtrl.send()" novalidate>
<div class="form-group">
<
浏览 5提问于2015-07-06得票数 0
回答已采纳
1回答
我正试图把我的头放在JavaScript对象上，并且在努力了解两个对象是如何不同的。
我有一个用于向数据库添加记录的输入表单和一个使用$resource $save()进行添加的控制器。
在显示输入表单之前，如果我像这个$scope.formUser = new Users();一样定义了form对象，那么$save可以工作。
如果我定义了表单对象，比如这个$scope.formUser = {};，那么$save会给我一个错误：$scope.formUser.$save is not a function
如果我做了console.log(JSON.stringify($scope.form
浏览 2提问于2016-11-18得票数 0
回答已采纳
我想通过一个AngularJs控制器在HTML中显示用户配置文件值，但是它没有显示在我绑定它们的html <p>中。
AngularJs应用程序：
var app = angular.module('myApp', []);
app.service('UserService', function () {
var userDetails = [{
id : 27,
first_name : 'Addy',
last_name : 'Villiam
浏览 7提问于2015-10-05得票数 3
回答已采纳
1回答
我很难理解ui路由器是如何工作的。试图添加一个导航到我的应用程序，显示/隐藏时，一个按钮被点击。
.state('now', {
url: '/now',
views: {
'content': {
templateUrl: 'views/now',
controller: 'MyCtrl'
},
'navigation': {
templateUrl: 'views/navigation.html',
浏览 1提问于2014-01-24得票数 2
回答已采纳
我正在尝试将AngularJS集成到Rails应用程序中。我有一个带有图书控制器和图书模型的Rails应用程序。在Rails索引视图中，我有这个，AngularJS应该接管这里：
.page_text{"ng-app" => "books"}
.row
.twelve.columns
%div{"ng-view" => ""}
AngularJS控制器如下所示：
function BooksOverviewCtrl($scope, $http) {
$http.get('/books
浏览 1提问于2012-12-18得票数 18
回答已采纳
2回答
这是我第一次尝试使用angularjs和离子框架。
我有一个示例json文件，我想在屏幕上显示其中的一些数据。显示-数据位工作，但我想填充一个“细节”页面中的一些信息，这些信息存储在主json文件中，我需要使用url中的id来选择只显示我需要的数据。
下面是一些代码：
App.js
angular.module('hgapp', ['ionic', 'hgapp.controllers', 'ngResource'])
.config(function ($stateProvider, $urlRouterProvider) {
浏览 3提问于2015-12-21得票数 0
回答已采纳
1回答
在我的角指令中，我有一个具有两个属性的对象: object.title_en (英文标题)和object.title_fr (法语标题)。如何根据$translate.use()获得的当前语言显示并继续显示正确的标题？
编辑
下面是我的HTML模板：
<div layout="column"> <div> {{object.title_fr | limitTo: 50}} </div> <div> {{object.description_fr | limitTo: 150}
浏览 2提问于2016-10-18得票数 1
2回答
我想在我的页面中用AngularJS.But显示一个json，Json有sub，我尝试了一些东西，但不起作用。我可以显示文本和id，但它不能用正位名称标记lat和lon，我不知道如何在列表中显示这些数据
var app = angular.module("VarnaApp",[]);
app.service("varnaService",function($http, $q)
{
var deferred = $q.defer();
$http.get('api/station.json').then(function(data)
{
浏览 2提问于2015-10-21得票数 4
回答已采纳
我做了一个JSON api。我喜欢用angular.js查询这一点。在我的see服务器上，我看到请求进入，并返回状态200，所以数据是由angular调用的。但是，由于某些原因，我无法在屏幕上显示。
The url for the JSON is: http://127.0.0.1:8000/food/myjson/
然后，当我用chrome直接调用url时，我在屏幕上收到的输出是：
[{"persons": 4, "name": "Pasta Bolognese", "description": "Pasta met
浏览 0提问于2014-04-17得票数 0
我正在尝试显示从名为student的SQL表中获取的数据。我有JSON对象，它包含使用PHP文件从表中检索的数据。但是我不能使用AngularJS在我的HTML文件中显示数据。这是我的myScript.js代码
var myApp = angular.module("myModule",[])
.controller("myController",function($scope,$http)
{
getData();
funct
浏览 0提问于2016-12-30得票数 1
回答已采纳
我理解AngularJS的双向数据绑定是如何工作的，但是我正在努力使它在下面描述的情况下工作。我有一个index.template.html，home.template.html，search.template.html，app.js，search.controller.js和search.service.js文件。我在'/‘url的主页上有一个输入表单。
<li ng-controller="searchCtrl"> //searchCtrl() in search.controller.js file
<form role="sea
浏览 8提问于2016-09-24得票数 0
回答已采纳
2回答
我的角度指令有问题。该应用程序的预期结果是使用角指令和html模板从主控制器中的数组中显示私人教练配置文件。我似乎不明白为什么这不起作用，下面复制了代码片段。控制台没有显示错误，我可以手动解析来自训练器数组的数据绑定，但是我希望模板显示这个.
HTML：
...
<div ng-controller="MainController">
<div ng-repeat="trainer in trainers">
<app-info></app-info>
</div>
<
浏览 1提问于2015-09-18得票数 3
回答已采纳
我想在具有以下服务的angularjs页面上显示自定义html：
app.service('automaticFunctions', function ($timeout) {
this.init = function initAutomaticFunctions(scope, $elem, attrs) {
switch (scope.content.type) {
case 'list':
....
break;
case 'scroll':
浏览 1提问于2019-01-21得票数 1
3回答
我正在创建一个AngularJS单页面应用程序。数据将从json-format中的will服务中获取。
问题是有些文本元素带有预先格式化的html标记
json输出：
{
"text": "<p><span style="text-decoration: underline;"><strong>test text</string></span></p>"
}
现在，我如何显示这个文本并直接呈现html，以便只向用户显示"test“，其余的作为标记？
<h1
浏览 0提问于2015-08-07得票数 15
回答已采纳
1回答
目前，我正在使用角读取json文件并将其输出到表中。
因为有些对象有点不同，所以我想检查一下是否存在job.text。
[
{
"job": {
"href": "www.google.com",
"text": "Google"
},
"api": "Some Text Here"
},
{
"job": "Yahoo",
"api": "More t
浏览 4提问于2014-12-03得票数 0
回答已采纳
2回答
自定义指令演示
、、
我试图获得一个自定义指令的角度，部分遵循。
在Chrome中，我只看到一个空白页。
F12显示了这个错误：
XMLHttpRequest cannot load file:///home/jeff/workspace/angularjs-intro/playground/my-customer.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
到目前为止，我得到的是
浏览 4提问于2015-08-15得票数 1
回答已采纳
作为angularjs框架的新手，我试图使用一个控制器来检索JSON和显示元素，但是没有显示所需的结果。
index.html
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/X.Y.Z/angular-route.js"&
浏览 6提问于2015-08-07得票数 3
1回答
我正在尝试将日期添加到输入中，但即使日期正在显示，似乎仍存在真正的错误问题
格式化代码
$scope.formatt=function(dte){
return moment(dte).format("YYYY-MM-DD");
}
Html代码：
<input id="userName" value="{{formatt(contents.PaymentDate)}}" ng-model="contents.PaymentDate" name="username" type="date&#
浏览 2提问于2017-02-10得票数 0
回答已采纳
我有下面的代码I，但是数据没有显示在控制台日志中，请帮助我，我在角度上是新的。以及如何在HTML中显示数据
this.$http.get(properties.client+'/123')
.then(response => {
$scope.clientdata= response.data;
console.log($scope.clientdata.address);
});
地址数组不显示在控制台日志中，我不知道为什么下面的响应
[{ "_i
浏览 6提问于2016-12-01得票数 0
回答已采纳
我正在尝试添加到home.html中的列表中，并使用离子和angularjs在myOrders.html中显示列表。
问题是，当我将一个新项推到数组中时，前面的项将被替换为新项。
示例：
推送'one‘->数组为{'name':one'}
推送‘两个’->数组是{‘名称’：‘两’}，{‘名称’：‘两’} //应该是{‘名称’：‘一’}，{‘名称’：‘二’}}
推动‘三’->数组是{‘名称’：‘三’}，{‘名称’：‘三’}，{‘名称’} //应该是{‘名称’：‘一’}，{‘名称’：‘二’}，{‘名称’：‘三’}}
我在下面添加了代码的相关
浏览 3提问于2015-12-24得票数 7
回答已采纳
我想通过嵌套的json结构在我的html页面上显示"name“值，但是我无法得到确切的结果，我希望在我的ng-repeat中缺少它的一些语法。请告诉我使用javascript或angularjs在表中显示"name“值的错误是什么？我创造了。提前谢谢。
app.js：
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope, $http) {
$http.get("test.json").success(functi
浏览 2提问于2016-08-17得票数 0
回答已采纳
我一直在尝试在Angular JS App中实现页眉/页脚。我在考虑将它们作为ng-include添加到主index.html中。但是，如果页眉和页脚是静态页面，则可以这样做。我的情况稍有不同。在登录页面中不显示页眉/页脚。其他页面取决于您是否登录，您必须显示"Welcome user logout“或"Welcome guest login”。
我将登录信息和isLoggedIn保存在一个服务中-然后使用HeaderCtrl控制器将其复制到$scope。最大的问题似乎是整个ng-include在注销时没有刷新。因此，带有ng-show hide指令的div不会在更改时隐藏/显
浏览 0提问于2013-10-20得票数 17
回答已采纳
2回答
我是AngularJS的新手，我很难为我的页面创建一个控制器
它是一个简单的页面，加载具有$scope.name =“james”的$scope.name文件；我使用表达式{$scope.name}来显示没有显示的值。但是当我运行{2+4}时，它显示了6，所以角是工作的。
另一件事是，当我在safari中打开页面时，表达式是原始显示的(意思是：{2+4})，但是chrome会运行它并显示结果。
这是我的密码。谢谢你的帮助
HTML
<!DOCTYPE html>
<html>
<head>
<sc
浏览 4提问于2017-10-29得票数 1
我使用ng-show来显示或隐藏导航器。
在index.html中：
<div class="container" ng-show="vm.error" nav></div>
在app.js中
var siteApp = angular.module('siteApp', ['ngRoute']);
siteApp.config(function($routeProvider) {
$routeProvider
.when('/', {
controller:
浏览 2提问于2017-02-22得票数 0
我正在尝试开发一个类似FaceBook的通知(比如当收到好友请求时，右上角会出现一个图标，上面会闪烁着数量的通知)。
为此，我编写了一个popover指令。
app.directive('popOver', function ($compile) {
var itemsTemplate = "<div ng-repeat='item in items'>{{item}} <br/><hr/></div> ";
var getTemplate = function (contentType) {
浏览 2提问于2014-04-24得票数 0
Hi需要使用AngularJS将链接放在html页面上。这些链接将重定向到唯一的页面(例如contact.html)，该页面将根据链接上的值显示不同的结果。
有一个很糟糕的例子，但我认为这足以理解我需要做什么.:)
页面1.html
<a href="page2.html?x=hello">hello</a>
<a href="page2.html?x=goodbye">goodbye</a>
page2.html
if x=hello display "hello";
if x=goodbye d
浏览 3提问于2015-10-23得票数 0
1回答
我这里有个柱塞-
我在这里使用演示json -
我使用ng视图和ngRoute显示两页。
第一个是从json文件中提取的故事/帖子列表。这将显示json文件中的部分内容--我限制了文本的数量。
我希望能够点击这些，并打开一个新的视图，显示该故事的全部内容/点击后。
我添加了一个story.html，当点击第一个视图时会打开这个故事/帖子。
我的问题是将范围与story.html视图联系起来。我需要知道要加载的josn的正确部分，以匹配单击的故事/帖子。
var app = angular.module('myApp', ['ngRoute']);
app.
浏览 2提问于2015-05-12得票数 0
回答已采纳
我刚接触angularjs，所以我在提交表单时遇到了一些困难。我可以在页面中以JSON的形式获取表单信息，但是当我试图在控制台中显示它们时，并没有创建任何对象。这是我的html的一部分。
<html lang="en" ng-app='eventApp'>
<form class="form-inline" role="form" ng-submit='submitForm(eventForm)'>
<input type="text" class=&#
浏览 0提问于2016-02-10得票数 0
如果我想在DOM上删除/添加元素--我只使用ng-if，并且下面的代码没有编译成DOM --我可以使用纯js进行同样的操作吗？我不希望js代码中包含HTML代码。
使用CSS隐藏它：
<div id = "infoPage" style="display: none;">
仍然将元素插入到DOM中。
编辑
显示或不显示的条件是基于这样的标志：
var show = false; //or true
浏览 1提问于2017-08-02得票数 3
回答已采纳
1回答
我想用Java后端和AngularJS前端开发一个博客系统。我写下了API，但我不知道如何使用AngularJS。这是我的API代码。
package app.com.example;
import java.util.HashSet;
import java.util.Iterator;
import java.util.Set;
.....
....
import app.com.example.UserRepository;
import app.com.example.CommentRepository;
import app.model.Article;
import app.mo
浏览 4提问于2017-04-27得票数 2
回答已采纳
1回答
我刚刚从AngularJS开始，并且遇到了使用{{表达式}从$http.get获取的JSON数据的问题。JSON对象运行良好，因为我能够将它记录到控制台。但是当我试图在我的view.html中显示它时，表达式是空的。也许只是一些小的东西，但我想不出来。
下面的代码片段
路由片段：
$routeProvider
.when('/contacts/:contactId', {
controller: 'ContactController',
templateUrl: 'js/views/contact.html'
})
.othe
浏览 0提问于2015-07-16得票数 1
回答已采纳
我对安古拉杰很陌生。我正在创建一些雇员应用程序，它基本上从http call(json)获取数据并使用angularjs显示数据。问题是在从http调用获得响应之前，执行了我的视图，所以输出页面中没有显示任何内容。我知道应该有一些逻辑来处理异步调用，但我不知道，所以有人能帮我吗？
Home.html
<html ng-app="employeeApp">
<head>
<link rel="stylesheet"
href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0
浏览 10提问于2015-03-18得票数 0
回答已采纳
AngularJS不会在我的数据结构中显示"tracking“条目。它将跟踪显示为" tracking "：[]在HTML模板中显示为一个空数组，并且在其console.log'd。
我的API返回如下数据结构：
[{
"_id": "57e96aaa45b09843a53a4dcd",
"phase": 1,
"notes": "asdf",
"treatment": "asdf",
"patientname": "asdf&
浏览 0提问于2016-09-27得票数 0
我正在学习AngularJS和Json，并且有一个小页面需要在控制器中显示从.json文件中检索的数据。打开页面时出现错误：Unexpected token t at Object.parse (native)...
这是我的html：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="../Scripts/angular.min.js"></script>
浏览 4提问于2015-06-10得票数 0
回答已采纳
好吧，我已经实现了angularJS，并且我调用了由$routeProvider处理的不同视图。问题是，例如：
$routeProvider.
when('/prodDetails/:prodID', {
templateUrl: 'templates/productDetails.html',
controller: 'ProductController'
}).
现在，如果我点击：
<a ng-href="#prodDetails/{{ prod.id }}">View Product<
浏览 0提问于2016-02-09得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
