是否有可能在Angular (不是AngularJS)中包含一个超文本标记语言文件？
是的，可以在Angular中包含一个超文本标记语言（HTML）文件。
在Angular中，可以使用组件模板来定义应用程序的用户界面。组件模板通常使用HTML来描述页面的结构和布局。可以通过在组件的模板文件中编写HTML代码来创建页面的内容。
要在Angular中包含一个HTML文件，可以使用Angular的模板URL属性。模板URL属性指定了一个外部HTML文件的路径，该文件将被加载并用作组件的模板。
以下是一个示例，展示了如何在Angular中包含一个HTML文件：
- 创建一个新的组件，例如"ExampleComponent"。
- 在组件的装饰器中，使用templateUrl属性指定HTML文件的路径，例如"example.component.html"。
import { Component } from '@angular/core';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
})
export class ExampleComponent {
// 组件的逻辑代码
}- 创建一个名为"example.component.html"的HTML文件，并在其中编写所需的HTML代码。
<h1>这是一个示例组件</h1>
<p>这是一个包含在Angular中的HTML文件。</p>通过这种方式，Angular将加载并渲染指定路径下的HTML文件作为组件的模板。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云函数（SCF）：https://cloud.tencent.com/product/scf
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
相关·内容
1回答
当我试图在翻译装饰器中发送html作为参数时，我的html代码显示为文本，而不是html。就像下面的代码一样：
<!doctype html>
<html ng-app="myApp">
<head>
<script src="https://cdn.rawgit.com/SlexAxton/messageformat.js/v1.0.2/messageformat.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax
浏览 13提问于2017-07-08得票数 1
回答已采纳
我想创建一个文件上传按钮与发送一些参数这里是我的代码:它不适合我。你能帮我一下吗？
<pre>
<input type="file" name="file"
onchange="angular.element(this).scope().uploadFile(this.files,project._id, activity._id, action.name, document._id)"/>
</pre>
浏览 0提问于2016-04-01得票数 0
我试图用socket.io创建一个node.js服务器，但是我得到的资源似乎是服务于HTML文件的，虽然这是我第一次使用nodejs服务器，但很抱歉。实际上，我正在使用html和angularjs在android studio中构建一个android应用程序，我想在heroku中部署我的nodejs服务器，这是目前为止我的服务器代码： const server = require('http').createServer();
const io = require('socket.io')(server);
io.on('connection'
浏览 14提问于2020-07-21得票数 0
1回答
angularjs中的全局变量
、、、、
我正在寻找一种在angularjs函数中使用全局变量的方法。
我找到了这种方法，将全局变量用作角度变量：
var AppSettings = angular.module('settingsApp', []);
AppSettings.controller('settingsCtrl', ['$scope', '$window', function($scope, $window) {
$scope.sessionUID = $window.sessionUID;
/** function to update user
浏览 2提问于2015-11-12得票数 0
我想知道是否有办法从angular应用程序中获取构建文件，并将其添加到另一个angular dist文件夹中，然后在父应用程序的div中启动该应用程序。基本上是微前端架构。
我看过一些选项，比如使用window对象和自定义main.ts或index.html，但似乎都没有帮助。
浏览 2提问于2020-11-19得票数 2
1回答
我在IE8上测试了angularJS应用程序，注意到使用1.1.5版的angular ng-model指令在IE8中工作得很好，但ng-controller就不行了。我在网上找遍了所有能找到的东西，但一无所获。
<html xmlns:ng="http://angularjs.org" id="ng-app" ng-app><head>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src
浏览 2提问于2013-11-23得票数 1
如果我使用express js来生成HTML，我是否仍然需要使用angular来生成API，或者是否有其他方法可以做到这一点？
浏览 4提问于2017-09-17得票数 0
在我的angular项目中，我需要包含需要显示为标题的外部.htm文件。这些文件完全在我的angular项目之外，它们是静态文件。
静态文件类似于: c:\mydivision\myteam\global.htm c:\mydivision\myteam\header.htm
我无法在我的app.component.html中引用或包含它们。部署到服务器后，文件路径将为root\mydivision\myteam\global.htm root\mydivision\myteam\header.htm
我确实包含了这些文件:选项1:为这些静态文件创建一个简单的web项目，将其构建为war文件，
浏览 9提问于2021-05-12得票数 0
我在replace: 'E'中使用了一些指令来使用网站中的JQueryUI按钮和对话框。我的指令名为uiButton和modal。
页面是使用点击链接时触发的javascript函数加载的(不要设计这种混乱...)。
我让AngularJS在这些包含的页面上工作的唯一方法是手动引导：
angular.element(document.getElementById('contentDiv')).ready(function() {
angular.bootstrap(document.getElementById('contentDiv')
浏览 1提问于2013-05-29得票数 2
嗨，我有一个html文件和一个AngularJS文件(Bootstrap ui)。每当我点击add按钮时，它应该会帮助我创建一个新的td (输入域)和3个相应的单选按钮。以下是我的代码，但不确定如何实现。我曾尝试用tr和td替换div，但两者都不起作用。
Html：
<!doctype html>
<html ng-app="ui.bootstrap.demo">
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.j
浏览 1提问于2015-09-01得票数 0
我没有使用ngRoute或任何需要注入的Angular服务。我正在注入我自己的模块和控制器，我认为这是必要的。但在控制台中仍然得到以下错误：
Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.7/$injector/modulerr?p0=try&p1=Error%3A%20%…2015%2520experiments%2Fangulartrial%2Fjs%2Flib%2Fangular.min.js%3A21%3A163)
at angular.min.js:6
at angular.min.j
浏览 24提问于2017-03-02得票数 1
1回答
我正在学习AngularJS，并最终获得了ToDoList basic应用程序的以下代码。我在浏览器中查看了它，它不工作。我是Angular的新手，可能不会得到明显的东西，所以我想如果我的应用程序名是
todoApp
那我就应该把
$scope.todoApp
而不是
$scope.todo
但事实证明这不是问题。
<!DOCTYPE html>
<html ng-app="todoApp">
<head>
<title>To DO List</title>
<link href=&#
浏览 0提问于2015-09-26得票数 2
尝试使用包含数据用户名和密码的集合users在angularJS中使用以下http post请求进行部署，
angular.module("sportsStoreAdmin")
.constant("authUrl", "http://localhost:2403/users/login")
.controller("authCtrl", ['$scope','$http','$location','authUrl', function($scop
浏览 1提问于2016-10-15得票数 0
1回答
这是一个非常奇怪的浏览器问题，我的用户正在遇到。我的公司网站已经运行了几年了。一个月前，有一个用户报告他无法加载我们的网站。他看到的只是一张白纸。用户非常友好地打开Internet Explorer developer工具来捕获网络流量，并将结果(一个xml文件)发送给我们。
我们在xml文件中发现了以下奇怪的请求:一个没有参数但只有一个url的请求，响应完全为空。因为这个关键的javascript文件没有下载，客户端看到的是一个空白页面。
<entry>
<pageref>0</pageref>
浏览 1提问于2015-05-07得票数 5
我正在使用ng-bind-html将html代码呈现给我的页面，但是我的代码太长了。所以我把它放在一个HTML文件中。我该怎么做呢？这是我的超文本标记语言和Js controller.My页面，包括以下内容：
<div ng-controller="modalPopup"><div ng-bind-html="renderHtml(message)"></div></div>
JS控制器：
angular.module('mainApp', []).
controller('modalPop
浏览 0提问于2016-05-15得票数 3
1回答
我目前正在学习这个教程：
他为'svgMap‘创建了一个指令
angular.module('SvgMapApp').directive('svgMap', ['$compile', function ($compile) {
return {
restrict: 'A',
templateUrl: 'img/Blank_US_Map.svg',
link: function (scope, element, attrs) {
}
}
}]);
它返回一个模
浏览 3提问于2017-02-05得票数 0
我使用ng-repeat在angular中构建了一些东西
<ul class="messages">
<li ng-repeat="e in enquiries">
<img src="/img/avatar.jpg" alt="">
<div>
<div>
浏览 2提问于2015-04-26得票数 0
2回答
我是AngularJS的新手。很长一段时间，我试图滥用它，就像我一直使用的Javascript框架，比如JQuery或Mootools。现在我明白它不会再像那样工作了.但我遇到了一些大问题，因为我总是使用CMS生成HTML输出。
所以它是非常静态的，当它第一次出来的时候…小示例：
<ul>
<li>foo <span>delete</span></li>
<li>bar <span>delete</span></li>
<li>blub <span>dele
浏览 0提问于2012-11-02得票数 4
回答已采纳
我有一个angular应用程序，它使用jPlayer作为mp3s的播放列表。对$scope.audios[defaultPlaylist.current].id的调用返回当前播放的音频密钥的最新值。我需要不断地检索这个密钥(或者每当它改变的时候)。
我是否可以编写某种循环来不断地检查$scope.audios[defaultPlaylist.current].id的返回值(然后将该值存储在$scope.current_audio_id中)？
$scope.current_audio_id = $scope.audios[defaultPlaylist.current].id
浏览 2提问于2013-12-10得票数 0
我对angularjs和django有非常基本的了解。我想开发一个使用django，angular和Postgre SQL作为数据库的web应用程序。我有一个angularjs主题，我想将它与django集成。
浏览 2提问于2015-08-06得票数 0
因此，我正在构建一个angular2静态站点模板，其中的主页面是用标记文件编写的。
我需要能够有工作链接，在标记下编写，而不是刷新页面。
示例页面可能是：
@Component({
selector: 'sample-page',
providers: [],
template: `
<div innerHtml="{{text | markdown}}"></div>
`,
styleUrls: [],
directives: [ROUTER_DIRECTIVES],
浏览 0提问于2016-04-30得票数 4
1回答
我是一个全新的创建AngularJS风格的代码。我正在尝试重新创建一个现有的AngularJS格式的网站。
我终于弄明白了如何在外部文件中制作一个应用程序/控制器，并给出控制器函数。然后，我可以让这些函数返回变量，特别是字符串，以填充我的.html文件中的信息，但是当我使用html标记时，它们在.html中用作文字。
我正在尝试找出如何以类似的方式填充我的html模板，但与html工作。
在其他JS格式中，我可以写入文档/响应，或者至少让函数返回一个值，然后让原始JS/HTML将返回值写为html。
我正在尝试在页脚中执行类似的操作，但是Footer()中有一个字符串需要分两行显示。
下面的示
浏览 0提问于2017-09-08得票数 4
回答已采纳
这段代码应该显示一个包含Hello World的div，但是我收到了错误Uncaught TypeError: System.import is not a function。我正在学习ng-book2的入门教程视频，其中包含index.html中的以下代码
<!DOCTYPE html>
<html>
<head>
<title>Angular 2</title>
<script src="js/traceur-runtime-0.0.90.js"></script>
<s
浏览 0提问于2015-07-17得票数 7
回答已采纳
1回答
我试着在我的AngularJs应用程序中实现这个网站"“中的项目组合过滤器
当我在我的Angular应用程序中使用它时，当我点击一个过滤器时，它会理解一个链接，并在我原本的路径中返回一个视图。
当我有一个带有#的href时，我如何告诉它不要使用我的路由器？
非常感谢
浏览 0提问于2015-07-22得票数 0
我在AngularJS控制器上用HTML语言显示Unicode时遇到了问题。这是我的JavaScript：
var mOverview = angular.module('mOverview', []);
mOverview.controller('mOverviewController', function ($scope, $sce) {
$scope.mData = [
{
'name': '↓'+'NASDAQ', // here the unicode is
浏览 0提问于2014-04-23得票数 8
回答已采纳
我是Angular的新手，我正在测试我的第一个示例。在我的index.html中，我有下面的代码html：
<div id="customer-information" class="col-md-12"><!-- header maxi --></div>
<div id="customerinformation-collapse" class="col-md-12 collapse out"><!-- header mini --></div>
该示例将a
浏览 2提问于2015-12-24得票数 0
在Angular 4项目中，是否可以从给定的HTTP URL直接将文件下载到桌面？
例如，我有这个URL - 。
我把它用在下面-
<a href="http://XXXXXX/XXXX/content/XXX/2/5.xml" target="_blank" class="btn btn-info btn-round btn-just-icon" data-toggle="tooltip" data-placement="bottom" title="Download">
浏览 0提问于2018-03-08得票数 1
var app=angular.module('app',['ngRoute','ng-breadcrumbs','ngMaterial','ngAnimate','ngAria','ControllerModule']).config(['$routeProvider',function($routeProvider)
{
$routeProvider.when('/',{
templateUrl:'view/login/
浏览 1提问于2016-05-30得票数 0
我正在尝试使用nodejs在本地运行我的angularjs2项目。我可以使用npm start运行它，但我需要使用节点app.js让它工作。
问题是它给出了一个错误"systemjs.config.js:1未捕获的令牌:意外的令牌<“。我不确定这个问题是在哪里发生的，因为我对systemjs还不够熟悉，无法调试这个问题。
提前谢谢。
index.html
<!DOCTYPE html>
<html>
<head>
<title>Fischer Hopkins</title>
<meta charse
浏览 3提问于2016-06-28得票数 0
我想在EJS渲染中进行设置，以便在渲染时在UI上发生指令魔术。
这里的问题是，EJS不允许在其格式中放置angular指令。他们有没有可能做到这一点。
从Node JS渲染模板时，在EJS文件中使用Angular 5。
浏览 3提问于2018-03-23得票数 0
我在这里尝试遵循这个教程：
它一直有效，直到我将我的小部件注入到一个页面中，该页面已经包含了AngularJS，并且在页面中的某处使用了ng-app。我的版本和现有版本都会看到'ng-app‘并尝试引导它。结果是出现如下错误：
Uncaught Error: [ng:btstrpd] App Already Bootstrapped with this Element '<div ng-app="myApp" class="ng-scope" ng-controller="IndexController"&g
浏览 0提问于2016-03-09得票数 0
我想将html标签附加到id中的每个元素，并将其显示在文本框中，如1 x，2 x，3 x。(x是使用×的关闭按钮)
我正在使用下面的代码。
我的html标签
<input type="text" id="receiver" class="form-control input-sm" ng-model="to" />
Angularjs控制器
$scope.to="";
$scope.id=[1,2,3];
$scope.append = function ($event) {
浏览 0提问于2016-02-24得票数 1
我正在构建一个应用程序，它有多个选项卡，其中包含动态生成的HTML。单击选项卡调用HTML控制器来呈现剃刀视图，将.net返回到角度并显示在选项卡体中。
标签的主体需要绑定到底层的角度模型。我不确定这是否是最好的方法，但这就是我到目前为止所拥有的，它基本上是有效的：
function updateHtml(html, tabId) {
angular.element(document.getElementById('tabBodyContainer')).html(html);
$scope.currentTab = tabId;
浏览 0提问于2015-07-24得票数 0
我想把我在Angular 4制作的网站作为即时文章发布。例子：-当用户在facebook上打开app.example.com时，index.html的内容将被加载到即时文章上。
浏览 7提问于2017-12-09得票数 3
所以我一直在尝试理解这个AngularJS Scrollify指令，我，我想我已经理解了大部分，除了一件事。
我希望能够为数组中的每个窗格插入不同的HTML。
我刚刚修改了他们在其网站上提供的应用程序的源代码：
我已经把它改成了它的基本部分：
<html>
<head>
<title>angular-scrollify</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
浏览 0提问于2017-05-31得票数 0
它几乎需要30秒来刷新我的应用程序(在开发模式)。我查看了chrome调试器的performance选项卡，发现一个特定的regex需要17秒才能运行：
var _ruleRe = /(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g;
在vendors.js文件的processRules方法中使用。我试着搜索它，但我没有找到任何具体的信息。
Angular CLI: 7.0.6
Node: 8.12.0
OS: win32 x64
Angular:
...
Package Version
浏览 0提问于2018-11-22得票数 1
我有一个示例HTML代码
<div ng-bind-html="model.main_container"></div>
我在AngularJS中运行类似这样的东西
$http.get("/submit", { cache: true })
.success(function(data, status) {
if ( status == 200 ) { // Success
$scope.model.main_container = data;
}
})
浏览 3提问于2015-03-17得票数 0
我有一个Angular 5应用程序，有很多复杂的表单和布局。我想将组件HTML拆分为几个文件，并使用单个标记来表示它们。是否可以创建一个指令来用文件的内容替换标记？
有没有更好的方法来处理包含加载、加载和错误状态模板的长HTML文件？
想象一下，一个feed.component.html为不同类型的提要条目(图像/链接/视频/文本等)提供了不同的模板。由ngIf管理。维护此文件的理想方式是什么？
浏览 0提问于2017-12-23得票数 8
这应该是最基本的，但是我不能让angular来玩Flask。Angular和Flask具有相同的变量插值语法{{ variable }}，根据一篇博客文章，我可以使用管道来区分这两个变量，但下面的代码导致了一个错误，即no filter named 'angular'
<!DOCTYPE html>
<html ng-app>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/li
浏览 3提问于2014-10-18得票数 3
2回答
我们的团队正在使用ServiceNow进行开发，需要能够上传文档并将其附加到案例记录。在查看了几个示例之后，我们有了一个可用的示例。我们的HTML如下所示： <input type="file" file-model="myFile"/>
<button ng-click="uploadFile()">upload me</button> 在我们的控制器中，我们有以下内容： $scope.uploadFile = function(){
var file = $scope.myFile;
浏览 29提问于2020-01-07得票数 0
我正在使用一个控制器来转换<input>标签中的任何web链接，并在<p>标签中显示它们。我想让它以超链接格式显示链接，就像在中一样，这很棒，但它显示了
这是我的代码，
我的HTML
<div class="col-sm-10 col-sm-offset-1">
<div class="row" style=" margin-top:70px;">
<div id='dv1'>
<form>
浏览 1提问于2017-07-29得票数 0
回答已采纳
1回答
我正在开发一个客户端网站的移动优化版本，其中包含许多HTML5视频标签。当在iPhone上观看时，它会显示默认的播放按钮水印。是否可以自定义此图标？
浏览 0提问于2011-01-09得票数 0
回答已采纳
在Angular2中，所有内容都从应用程序级组件开始，其他所有内容都是组件树的一部分。如果我第一次在服务器端使用ExpressJS渲染我的主页，我该如何在服务器上设置我的布局和索引视图？我的angular应用程序是否存在于我的索引视图中，我的布局可能会被其他页面继承，是否是非angular代码？我猜我的布局文件不可能有这样的效果：
<body>
<app>Loading...</app>
{% block content %}{% endblock %}
</body>
或者我的内容应该放在我的app组件中？如下所示：
<body&
浏览 0提问于2015-12-02得票数 2
2回答
我正在从事grunt构建任务，自动为缓存崩溃重命名文件。我正在为CSS和JS文件做这件事，但我想知道我是否需要缓存bust HTML文件。我不确定HTML文件是由浏览器还是任何服务器缓存的。
浏览 1提问于2016-09-29得票数 1
1回答
gwan是否支持SSI，或者有其他方法可以合并不同的HTML数据？
我不确定这是不是最好的方法，但我想将静态HTML数据包含到另一个HTML文件中……如果SSI不起作用，您会使用什么？
浏览 1提问于2012-11-06得票数 0
回答已采纳
因此，我正在尝试创建一个不需要使用AngularJS的with服务器的应用程序
我使用<script type="text/ng-template" id="loginView.html" src="views/login.html"></script>标签来使用单独的模板并保持内容的整洁。
我把这个东西连接到：
app.config(function($routeProvider, $locationProvider){
$locationProvider.hashPrefix("!");
浏览 0提问于2014-01-14得票数 0
我有一个网页与一些HTML元素，我不能编辑。我希望动态地将ng-model属性附加到这些属性，并让AngularJS将它们重新绑定到作用域。我想要实现的简化示例可以在中找到
<script src="//code.jquery.com/jquery-2.1.0.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>
<script>
function
浏览 0提问于2014-04-08得票数 6
我正在使用NSXMLParser来解析来自网站的超文本标记语言。测试地点在我的控制之下，但在运行地点将不会。
问题是当解析器遇到包含“坏”字符的javascript时。例如，包含if(screen.width<=521)的javascript。问题出在代码中的<。我可以看到这个问题，但我不确定是否有什么好的方法来解决它。( NSXMLParser报告NSXMLParserErrorDomain错误68。我明白为什么了-它将<=视为新标记的开始，但=不是有效的标记名称字符...)。但是，我该如何处理if(var<20)呢？
我实际上对特定的内容不感兴趣，所以可以做一些事情
浏览 1提问于2012-07-28得票数 0
有没有办法在另一个模块中定义一个angular模块？我在我的web应用程序中有一个模板，它几乎被应用程序的每一个页面调用。在模板定义中，我设置了ng-app。因此，对于这个ng-app，我可以在应用程序的所有页面(或者几乎每个页面)中声明我需要的模块。现在有一些模块我只想添加到特定的页面上。问题是，在这些页面中，我已经有了模板的ng-app。
那么，有没有办法将ng-app保留为某种根ng-app，它声明了我需要的所有模块，然后在特定页面中添加特定的模块？
这意味着可以做这样的事情：
<div ng-app="rootApp">
<div ng-
浏览 6提问于2015-07-02得票数 0
在加载控制器和模板之前，我正在尝试解析JSON promise。
var app = angular.module('app', []);
app.config(function ($routeProvider) {
$routeProvider.when('/', {
templateUrl: 'index-ctrl-test.html',
controller: 'IndexCtrl',
resolve: {
event: function ($http) {
浏览 1提问于2013-10-01得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
