当我从浏览器检查器中看到时，ngRepeat div 被注释掉 [英] ngRepeat div get commented out when i see from the browser inspector

查看：29
本文介绍了当我从浏览器检查器中看到时，ngRepeat div 被注释掉的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

这是我的 html 代码.但是 ngRepeat div 显示为浏览器检查器中的注释

在此处输入图片说明

<

html ng-app="myApp"><头><link rel="stylesheet" href="script/bootstrap.css"><script src="script/tuto.js"></script><script type="text/javascript" src="script/angular.js"></script><script type="text/javascript" src="script/angular.min.js"></script><script type="text/javascript" src="script/bootstrap.js"></script><script type="text/javascript" src="script/bootstrap.min.js"></script><link rel="stylesheet" href="css/app.css"><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><title>在此处插入标题</title><body style="padding: 50px" ng-controller="ctrl"><div><p><input type="text" placeholder="搜索..." ng-model="searchFor"大小="20"/></p><div class="专辑面板 panel-primary" ng-repeat="专辑中的专辑"><div class="panel-heading">{{专辑名称}}<div style="float: right">{{专辑日期}}</div>

<div class="description">{{album.description }}</div>

<p><input type="text" placeholder="搜索..." ng-model="searchFor"大小="20"/></p><div class="专辑面板 panel-primary" ng-repeat="专辑中的专辑"><div class="panel-heading">{{专辑名称}}<div style="float: right">{{专辑日期}}</div>

<div class="description">{{album.description }}</div>

<h3>添加新相册</h3><div class="专辑面板 panel-success" ng-repeat="专辑中的专辑"><div class="panel-heading">{{专辑名称}}<div style="float: right">{{专辑日期}}</div>

<div class="description">{{album.description }}</div>

</html>

在此处输入代码

这是 HTML 代码.它还有 angularJs 的脚本部分.但是 ngRepaet div 在浏览器检查器中显示为注释

解决方案

你应该在另一个文件中编写脚本并添加 ng-app这是plnkrhttps://plnkr.co/edit/yvJGX52osH9eTJggexec?p=preview

你的问题是你在 angular.js 上面包含了文件脚本.包括在下面，问题就会解决

 <脚本>type="text/javascript" src="script/angular.js"></script><脚本>type="text/javascript" src="script/angular.min.js"></script><脚本>type="text/javascript" src="script/bootstrap.js"></script><script type="text/javascript" src="script/bootstrap.min.js"></script><link rel="stylesheet" href="css/app.css"><script src="script/tuto.js"></script>//包括在下面

this is my html code.but the ngRepeat div show as commented in browser inspector

enter image description here

<

html ng-app="myApp">
<head>
<link rel="stylesheet" href="script/bootstrap.css">
<script src="script/tuto.js"></script>
<script type="text/javascript" src="script/angular.js"></script>
<script type="text/javascript" src="script/angular.min.js"></script>
<script type="text/javascript" src="script/bootstrap.js"></script>
<script type="text/javascript" src="script/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/app.css">


<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<title>Insert title here</title>
</head>
<body style="padding: 50px"  ng-controller="ctrl">

    <div>



        <p>
            <input type="text" placeholder="Search..." ng-model="searchFor"
                size="20" />
        </p>


        <div class="album panel panel-primary" ng-repeat="album in albums">
            <div class="panel-heading">
                {{ album.title }}
                <div style="float: right">{{ album.date }}</div>
            </div>
            <div class="description">{{ album.description }}</div>
        </div>
    </div>

        <p>
            <input type="text" placeholder="Search..." ng-model="searchFor"
                size="20" />
        </p>


        <div class="album panel panel-primary" ng-repeat="album in albums">
            <div class="panel-heading">
                {{ album.title }}
                <div style="float: right">{{ album.date }}</div>
            </div>
            <div class="description">{{ album.description }}</div>
        </div>



        <h3>Add new Album</h3>

        <div class="album panel panel-success" ng-repeat="album in albums">
            <div class="panel-heading">
                {{ album.title }}
                <div style="float: right">{{ album.date }}</div>
            </div>
            <div class="description">{{ album.description }}</div>
        </div>





</body>
</html>

enter code here

This is the HTML code.it's also have the script part for angularJs.but the ngRepaet div showed as commented in browser inspector

解决方案

You should write script in another file and add ng-app Here is plnkr https://plnkr.co/edit/yvJGX52osH9eTJggexec?p=preview

your problem is you include file script above angular.js . include below and problem will solved

    <link rel="stylesheet" href="script/bootstrap.css"> 
<script> type="text/javascript" src="script/angular.js"></script> 
<script> type="text/javascript" src="script/angular.min.js"></script> <script> type="text/javascript" src="script/bootstrap.js"></script>
 <script type="text/javascript" src="script/bootstrap.min.js"></script> 
<link rel="stylesheet" href="css/app.css">
 <script src="script/tuto.js"></script> //include below

这篇关于当我从浏览器检查器中看到时，ngRepeat div 被注释掉的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文
相关文章
Java开发最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆