Angular Js -为什么对第一个<li>的调用没有进行？
AngularJS是一种流行的前端开发框架，它使用HTML作为模板语言，并通过扩展HTML的语法来实现动态数据绑定和构建单页应用程序。在AngularJS中，使用指令来扩展HTML的功能。
对于给定的问题，如果第一个<li>的调用没有进行，可能有以下几个原因：
- 语法错误：请确保代码中没有语法错误，例如拼写错误、缺少闭合标签等。AngularJS对HTML的扩展语法是严格的，任何语法错误都可能导致指令无法正确解析。
- 指令未正确定义：请确保指令已正确定义并与HTML元素绑定。在AngularJS中，指令是通过
app.directive方法定义的，并通过指令名在HTML中进行绑定。 - 指令的优先级：AngularJS中的指令可以具有不同的优先级，如果多个指令应用于同一个元素，优先级较高的指令可能会覆盖优先级较低的指令。请确保第一个
<li>上没有其他具有更高优先级的指令。 - 数据绑定问题：如果第一个
<li>的调用依赖于某个数据模型或作用域变量，请确保该数据模型或变量已正确绑定到作用域中，并且在调用时具有正确的值。
相关·内容
1回答
我正在与约曼启动一个新的web应用程序，我想知道为什么我不能访问$元素。例如，我有这样的想法：
<ul id="collapse">
<li>asdas</li>
<ul id="collapse2">
<li>sgdfg</li>
<li>fdg</li>
<li>dfg</li>
</ul>
<li>asdasd</li>
<ul>
<li>s
浏览 1提问于2015-11-02得票数 1
回答已采纳
DR指令将数组内插为字符串。
这是代码：
index.html
<!DOCTYPE html>
<html data-ng-app="foo">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>
<script src="app.js"></script>
</head>
浏览 0提问于2014-05-12得票数 1
回答已采纳
我的问题是，我的JS中的每个函数都会被调用两次。我读过很多有同样问题的帖子，但我无法找到一个肯定的答案。
这是我的代码：
<!doctype html>
<html ng-app>
<head>
<title>News</title>
</head>
<body ng-controller="newsCtrl">
<div>
<ul>
<li ng-repeat="i
浏览 1提问于2013-12-17得票数 1
回答已采纳
我正在尝试使用来自另一个站点的WordPress数据库的值在我的页面上显示一个菜单。这就是我到目前为止所做的：
app.js
angular.module('plunker', []).controller('MainCtrl', function($scope) {
$scope.menus = [
{
title: "Home",
type: "GET",
url:'#'
},
{
title: "Ne
浏览 0提问于2019-02-02得票数 2
回答已采纳
下面是html和cakephp代码。
<!DOCTYPE html>
<html ng-app="app">
<head>
<script src="angular.min.js"></script>
<script src="angular-route.js"></script>
<script>
var app = angular.module('app', ['ng
浏览 1提问于2015-10-13得票数 0
在加载angular.min.js时，我在控制台中得到一个错误(错误:拒绝访问受限URI )。我想是因为同样的原产地政策，但我对此并不熟悉，也不知道该如何运作。我需要设置服务器还是什么的？
这是我的HTML：
<!DOCTYPE html>
<html lang="en" ng-app="myApp" ng-cloak>
<head>
<meta charset="utf-8">
<title>my app</title>
<meta na
浏览 0提问于2016-08-11得票数 0
回答已采纳
2回答
在过去的几天里，我一直在努力学习棱角，我已经设置了这个方法，所以up...but收到了一条信息，它似乎不起作用，我不知道为什么。请告诉我如果只是拼错了还是有什么东西已经看了好几个小时了.谢谢
HTML：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My Routing App!</title>
<!-- set the base path for angular routing -->
浏览 2提问于2015-04-27得票数 0
回答已采纳
2回答
当我运行这个单元测试时：
it('can click profile link in template', () => {
const landingPageLinkDe = linkDes[0];
const profileLinkDe = linkDes[1];
const aboutLinkDe = linkDes[2];
const findLinkDe = linkDes[3];
const addLinkDe = linkDes[4];
const registerLinkDe = linkDes[5];
浏览 5提问于2016-12-11得票数 29
回答已采纳
我试图按如下方式将JSON数据导入list.html，但我的尝试失败了。我尝试过遵循其他类似文章中描述的模式，但没有任何运气，也没有找到与我的类似的JSON数据格式化的场景。如何让givenName、familyName、primaryTitle、phones.value和photo.small这样的字段出现？
index.html：
<!doctype html>
<html lang="en" ng-app="directoryApp">
<head>
<meta charset="UTF-8"&
浏览 4提问于2015-10-01得票数 0
回答已采纳
1回答
我正在学习Angular JS，在使用ui-view时被卡住了。我不知道ui-view或其他什么是麻烦。但是我的导航栏没有出现。任何帮助都必须是伟大的！
index.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="https://cdnjs.cloud
浏览 2提问于2017-06-14得票数 0
我已经成功地使用了angular bootstrap dropdown 。但问题是下拉列表是在右侧打开的。我怎么才能让它在左边开呢？下面是我在给定链接中使用的标记和js。
标记：
<div ng-controller="DropdownCtrl">
<!-- Single button with keyboard nav -->
<div class="btn-group" uib-dropdown keyboard-nav>
<button id="simple-btn-keyboard-nav"
浏览 77提问于2016-03-07得票数 25
回答已采纳
2回答
我试着用ng-show分别显示和隐藏连续的div。
这是我的代码：
angularExample.html
<!DOCTYPE html>
<html ng-app="Fino">
<head>
<link rel="stylesheet" type="text/css" href="scripts/bootstrap.min.css" />
<script type="text/javascript" src="scripts/an
浏览 3提问于2015-04-20得票数 4
回答已采纳
3回答
我是角质方面的初学者。我一直在更新角js中的$scope变量。我已经创建了一个服务名"Main“，我想用它来更新我的$scope.token。我使用了$scope.apply和$scope.digest，但是收到了以下错误：
> Error: [$rootScope:inprog] $apply already in progress
> http://errors.angularjs.org/1.4.4/$rootScope/inprog?p0=%24apply
> at angular.js:68
> at beginPhase (angul
浏览 3提问于2015-10-17得票数 1
我正在创建AngularJS指令，以便使用D3呈现可视化，但在设置$watch时遇到了问题。我的大部分内容看起来与AngularJS教程非常相似。我的资源配置在一个名为resources.json的文件中，我确信该文件的返回是正确的。
以下是我到目前为止所拥有的相关代码：
app.js
var resourceApp = angular.module("resourceApp", [
'ngRoute',
'resourceControllers',
'resourceDirectives',
&#
浏览 0提问于2014-01-30得票数 0
回答已采纳
3回答
我有个自动停止工作的指令。出于某种原因，它的从未被称为，控制台中没有错误输出。这很奇怪，因为其他指令--(看起来几乎相同)--正在工作(请参阅post的末尾以获得工作指令)。
这是指令
angular.module('popup').directive('popup', ['Locator', 'PopupService', // This line of code is reached
function(Locator, PopupService) {
return {
restr
浏览 5提问于2014-06-07得票数 7
1回答
ng-重复不显示项目
、、、
我在我的角度应用程序中有一个奇怪的错误，我的ng-重复中的数据没有显示，但是如果我刷新页面并导航到我的主页，它很快就会闪烁到视图中，然后消失，我不知道为什么会有人帮助我解决这个问题？
提前感谢
appRoutes.js
angular.module('appRoutes', []).config(['$routeProvider','$locationProvider', function($routeProvider, $locationProvider) {
$routeProvider
// home page
.whe
浏览 1提问于2016-06-29得票数 0
回答已采纳
我想通过AngularJS过滤器对对象进行排序。但是在使用我的自定义过滤器时会发生无限$digest错误。
我想列出以下语言。列表按语言名称排序。
阿族
阿拉伯语
荷兰语
英语
古吉拉特
希伯来语立陶宛语
俄语
斯洛伐克语
乌尔都语
下面是HTML。
<!DOCTYPE html>
<html lang="ja" ng-app="MYAPP">
<head>
<meta charset="UTF-8">
<script src=
浏览 4提问于2014-10-20得票数 2
回答已采纳
当我试图用ngmockE2E模拟后端时，我出现了错误。
angularjs ng:areq参数'fn‘不是函数，它是字符串
当我删除ngMock服务时，它可以正常工作。
Index.html
<!doctype html>
<html lang="en" ng-app="userApp">
<head>
<meta charset="utf-8">
<title>IT Beams Angular App</title>
<link rel="styles
浏览 0提问于2015-02-08得票数 0
回答已采纳
我正试着建立一个ngRoute。我不想更新视图，只是在调用路由时对范围执行一些更改。我已经包含了角-route.js和ngRoute。
angular.module('todo', ['ngRoute','ngStorage']).
config(function($routeProvider){
$routeProvider.
when('/:state',{
controller: 'aspectController'
浏览 2提问于2014-03-10得票数 0
回答已采纳
我最近开始使用angularjs，我发现了这两种使用控制器的方法。
这个没有给我任何输出。
<html ng-app="">
<body>
<div>
Name : <input type="text" ng-model="name">
{{name}}
</div><br>
<div ng-controller="SimpleController">
<ul>
<li ng-rep
浏览 1提问于2015-11-13得票数 0
回答已采纳
我已经从1.0x升级到1.3x版本，现在我得到了一个非常讨厌的bug：
错误: ng:areq参数'LayoutController‘不是函数，未定义
也许有人能帮我发现这个问题？我读过一堆这样的帖子，似乎看不出它为什么找不到这个问题。
index.html
<!doctype html>
<html lang="en" ng-app="AngularFlask">
<head>
<meta charset="utf-8">
<title>Yada<
浏览 7提问于2014-12-08得票数 0
回答已采纳
我是个新手。只是学习/尝试与我的webapp (Java + jQuery+ requireJS)集成。我不使用任何路由器，下面是我的脚本。从其他中，我了解到这个错误是由于缺少了ngRoute模块。从1.1.6版开始，它是一个单独的部分。但是在我下面的代码中，我根本没有使用任何ngRouter。当我没有引用它时，为什么我会得到这个错误？
错误：$injector:modulerr无法实例化模块计数器，原因是：$injector:nomod模块“计数器”不可用！您要么拼错了模块名，要么忘记加载它。如果注册一个模块，请确保将依赖项指定为第二个参数.
模板：
<ul ng-app="c
浏览 2提问于2014-02-03得票数 6
回答已采纳
2回答
我在表单中有两个文本框，它完全相同，因为它是一个指令，由独立作用域的ng-repeat呈现。
<form name="inputForm" class="input-icon right"
ng-class="{'has-error': hasError()}">
<input type="text"
ng-model="model"
class="form-control input-medium"
浏览 1提问于2014-05-08得票数 0
2回答
既然我是新来的，我会自我介绍。我的名字是来自荷兰的Tomas，我刚刚开始进行密集的编码。自动取款机，我正在用AngularJS写一个项目，给我写一个交互式的简历。我想这样做，所以我在申请工作时有一些东西要展示。因此，有些事情我可能会做得比他们更难，只是为了表明我现在能做些什么。
好，回到问题上来。我在HTML代码中使用AngularJS指令时遇到了问题。
.JS文件是：
/**
* Created by Tomas on 24-1-2016.
*/
var myApp = angular.module("PersonApp",[])
.controller("To
浏览 5提问于2016-01-24得票数 3
我正在学习angularjs。当我学习scope时，我看到了rootScope。但我真的不明白它是什么。
例如：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app=&#
浏览 0提问于2017-02-17得票数 1
我从数据库中获取类别，并使用ng-repeat以HTML显示。我想用groupBy对类别进行排序。我在谷歌上搜索并找到了angular-filter库。
我用的是同一个图书馆，但没有用：
<li ng-repeat="blog in blogs | groupBy:'category' ">
<a href="#/category/{{blog.category}}">{{blog.category }}</a>
</li>
<sc
浏览 2提问于2016-10-07得票数 0
我有几个JSON数据源，用于过滤ng-重复循环中的数据。一套完美的工作在一起，另一套(似乎是相同的)没有，我不知道为什么。
模块：
var app = angular.module('myApp', ['app.services.data']);
服务
angular.module('app.services.data', [])
.service('emails', ['$http', function($http){
var promise = null;
return function()
浏览 3提问于2015-04-29得票数 1
回答已采纳
3回答
当我将值推送到本地存储时，我会从firebase获取值。
我的代码：
var app = angular.module("bucksbucketapplication", ['firebase', 'ngStorage']);
app.controller("bucksbucket_orders", function ($scope, $firebaseArray, $firebaseObject, $http, $localStorage) {
var fbvalues = new Firebase("h
浏览 3提问于2015-10-08得票数 0
我对角js还不熟悉，我想用li标记将数组从低值循环到上值，我声明数组的值为ng-init，我试着使用orderBy，但不是working.How来实现它？
<html>
<head>
<title>My Page</title>
</head>
<body ng-app="">
<div ng-init="marks=[20,10,15,30,18,21,35]">
<ul>
<li ng-repeat=&#
浏览 0提问于2014-12-12得票数 0
回答已采纳
我试图修改以下的角度JS示例，以便它作为一个独立的文件在一个文件夹中的设备上没有连接到互联网。
在这个过程结束时，我可以在本地链接这两个库，并且我相信我已经正确地引用了模板。我已经为JSON (countriesArray)创建了一个本地数组，但是我不知道如何正确地将它加载到国家工厂，并且不需要http。我暂时使用了示例的JSON，但代码中肯定有另一个错误，因为它只显示一个空白屏幕。
对不起我的无知。
<html ng-app="countryApp">
<head>
<meta charset="utf-8
浏览 1提问于2015-03-17得票数 1
回答已采纳
我看到了几个使用这种方法的例子：
main.js
/*global require*/
'use strict';
require.config({
paths: {
angular: './angular',
app: './Content/app',
ngAnimate: './Scripts/angular-animate',
uiRouter: './Scripts/angular-ui-router'
},
shim
浏览 2提问于2014-05-29得票数 3
回答已采纳
我对angular-cli 7有个问题。我用cli命令行构建了一个新项目，我也用命令行创建了一个新组件，当我在app.component.html中使用他的自定义html标记调用这个新组件时。未显示任何内容。
我做了很多研究，改变了angular版本，改变了操作系统，改变了浏览器，尝试了不同的配置。我的控制台中没有错误，也没有html呈现。我不明白为什么？
/////////////////app.component.html
<!--The content below is only a placeholder and can be replaced.-->
<div s
浏览 0提问于2019-02-07得票数 0
1回答
我在我的angular项目中使用了依赖angular-chart.js来在我的管理页面上显示一些数据可视化。
根据git页面上的README.md，上周，我将angular-chart.js升级到了1.1版本，将Chart.hs升级到了2.5版本。但是自从我升级之后，我的图表就不再出现了.
下面是我的代码HTML：
<canvas id="bar" class="chart chart-bar"
chart-data="vm.data" chart-labels="vm.labels" chart-series=&#
浏览 0提问于2017-06-23得票数 0
我是AngularJS的新手，我正试图使滑块工作，我从一个例子网上复制。目前，我在我希望它的页面(gallery.html)上出现了滑块，自动图片更改工作，但是，当我尝试按下next/ on按钮时，它只会带我到一个没有任何内容的随机页面。
我认为问题是我的裁判在箭头上，但我真的不知道从这里到哪里。另外，我的滑块指令是否位于正确的位置(在gallery.html的顶部)？
文件结构：
摄影术
bower_components
css
- stylemain.css
img
-电话
- ...a一堆png文件.
js
- app.js
- controller.js
部分数
-
浏览 1提问于2015-12-03得票数 1
2回答
我正在尝试提交关于ng提交事件的表单，但是表单提交不起作用。$http，$state，dtoResource是用于修改json数据的工厂dtoResource的注入。
我的代码如下所示
index.html
<!DOCTYPE html>
<html ng-app="autoQuote">
<head lang="en">
<meta charset="UTF-8">
<title>Angular Js DTO mgnt</title>
<!
浏览 1提问于2016-06-28得票数 0
回答已采纳
2回答
我有一个使用angular 1.6.1的简单的angular应用。
index.html
<!DOCTYPE html>
<html ng-app="App">
<head>
<title>Test</title>
<script src="bower_components/angular/angular.js"></script>
<script src="app/app.js"></script>
</
浏览 13提问于2017-01-14得票数 3
回答已采纳
我正在尝试来自：的角度定制滤镜示例，它在我的版本中如下所示：
<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="demo" >
<div>
浏览 0提问于2016-07-03得票数 0
3回答
我对AngularJS非常陌生，目前正在使用AngularJS学习RESTful服务，我遇到了一个问题，为什么我的响应数据没有在ng-重复中显示？
这是代码结构：
<html ng-app="ngTest">
<head>
<title>Angular Test</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min
浏览 4提问于2014-04-24得票数 1
我预计函数step将被计算，其结果将直接传递给link函数。但是，当link函数被调用时，它在$scope.name变量中没有任何内容。$args.checkStep也是空的。是故意的吗？
<!DOCTYPE html>
<html ng-app="app" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"&
浏览 6提问于2016-11-10得票数 0
回答已采纳
我的html文件实现了AngularJS路由，如下所示，
index.html:
<!DOCTYPE html>
<html ng-app="demo">
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div ng-view>
</div>
<script src="https://ajax.googleapis.com/ajax/libs
浏览 3提问于2014-09-16得票数 2
回答已采纳
2回答
角风装置
、、、
你好，新来的角风和微风。我能够让我的角度代码与导航一起运行到不同的页面。我需要添加微风，但是当我将它添加到我的MainController中时，它破坏了一切，开发工具没有指定控制台中的任何错误。我想-至少让我的应用程序与轻松依赖的工作。我的索引页正在调用所有正确的脚本，并按照正确的顺序。这是我的主控制器的设置：
(function () {
var app = angular.module('app', ['breeze.angular']);
var breeze = function (breeze) { };
app.run([&
浏览 0提问于2014-09-11得票数 0
回答已采纳
我已经建立了一个网站，其中包括侧边栏和主要内容。我在ng-include中包含了侧栏，但是侧栏不能工作。
<html>
<head>
<link href="lepwww/css/maincss.css" rel="stylesheet">
</head>
<body ng-app="myapp" ng-controller="dataController">
<div class="main-container">
浏览 5提问于2019-10-04得票数 0
回答已采纳
我只是在复制kendo站点上可用的演示代码，但是它仍然没有在输出中提供任何小部件，并且它给出了以下错误-
TypeError:未定义的函数不是角JS中的函数。
我还为它创建了一个新的jsfiddle，这里是链接。
有人知道这里出了什么问题吗？这是我的密码
<script src="~/Scripts/jquery-1.7.1.min.js"></script>
<script src="~/Scripts/angular/angularjs.js"></script>
<script src="~/S
浏览 2提问于2013-06-12得票数 3
1回答
为什么在下面的代码中没有应用样式，我使用的是ng-transclude。工作得很好，唯一的问题是没有将类.box应用于span。为什么是这样？
transclude.html是：
<html ng-app="myApp">
<head>
<script src="js/angular.js" type="text/javascript"></script>
<script src="js/transclude.js" type="
浏览 1提问于2015-10-15得票数 3
回答已采纳
我试着用JS和Laravel 4.2。我已经将刀片的默认{{}更改为[[]]，它工作得很好，现在的问题是，当我将角JS代码放在主布局(视图)中时，它可以工作，但是当我将角JS代码放在子视图中时(实际上，子视图扩展了主布局，并且使用@节(‘contents’) ...Angular JS代码生成了部分.@stop)它根本不能工作，浏览器不能呈现棱角的JS表示法，并在代码编辑器中显示它！这里是我的"main layout.blade.php“和"child.blade.php"：
"main.layout.blade.php“
<!DOCTYPE html&g
浏览 0提问于2015-05-06得票数 0
回答已采纳
1回答
我已经看了好几天了，我不明白为什么我的内容没有填满我的页面上的胡子！我得到的唯一错误消息是$scope没有定义，但是我不确定问题出在哪里。任何帮助都将不胜感激--谢谢！
itemlistcontroller.js文件：
vegApp.controller('itemListController', function ($scope){
$scope.items = [
{imageurl: 'images/strawb.jpg', type: 'strawberry', name: 'Herbert Strawbe
浏览 0提问于2015-04-08得票数 0
嗨，我正在尝试让下拉指令从UI引导程序开始工作。每当我尝试使用“下拉”指令时，都会收到以下错误消息：
控制台错误消息：
Multiple directives [dropdown, dropdown] asking for 'dropdown' controller on: <li class="dropdown pos-stc" dropdown="">
http://errors.angularjs.org/1.3.9/$compile/multidir?p0=dropdown&p1=dropdown&p2=
浏览 3提问于2015-01-17得票数 4
回答已采纳
2回答
在简单的测试应用程序上工作，这让我非常生气，为什么它没有为我安排页面--似乎每件事都很好，但是我看不到关于页面和联系人页面
<ul class="nav navbar-nav navbar-right">
<li><a href="#"> Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Con
浏览 1提问于2017-06-30得票数 1
回答已采纳
以下是一个非常新的问题：
我正在写一个片段，它可以显示和隐藏一个菜单，如果一个按钮被点击。到menuState变量的数据绑定不能在下面的代码中工作，在该代码中，.show属性被标记为菜单状态。
<html ng-app>
<body>
<div ng-controller="DeathrayController">
<p>menuState: {{menuState.show}}</p>
<button ng-click="toggleMenu()">Toggle Menu&
浏览 3提问于2014-12-17得票数 1
回答已采纳
当我在浏览器中键入时，它将重定向到。根据代码，这工作得很好。当我用相同的刷新页面时，出现404错误。有没有人能帮我解释一下为什么会这样，并纠正我。
app.js
var myapp=angular
.module("demo",['ngRoute'])
.config(function ($routeProvider, $locationProvider){
$routeProvider
.when('/home',{
浏览 0提问于2016-07-14得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
