【AngularJS HTML DOM详解及示例代码】教程文章相关的互联网学习教程文章

javascript – 如何使用angularjs输入文本并渲染html?【代码】

我想将一个文本框绑定到一个angularjs变量,并让它在一个单独的div中输出渲染的html. 我有:<div ng-app="myapp"> <form:textarea ng-model="ddata" id="displayData" path="displayData"/><div ng-bind-html-unsafe='ddata'> {{ddata}} </div></div>而我所看到的只是“{{ddata}}” 我想输入类似的东西: ‘b粗体文字/ b> 并让它渲染粗体文字. 如果有人可以发一个小提琴,我会非常感激.解决方法:有角度的版本< 1.2http://jsfiddle...

javascript – 为AngularJS App创建用于搜索引擎抓取的HTML快照【代码】

首先让我告诉你我想做什么. 我想索引我在Angular JS中制作的网站,为此我已经阅读了谷歌出于此类目的的所有文档或文章. 而我发现的是: 我需要使用html5Mode或hashbag模式将我的角度js url转换为友好的url. 例如:http://www.example.com/#/关于http://www.example.com/#!/about或仅http://www.example.com/about 使用< meta name =“fragment”content =“!”> 因此,当我的网站上有任何抓取工具说Googlebot会来时它会看到我的网址...

c# – 带有angularjs的$http请求正在返回我的html doc【代码】

我是新来的,很抱歉,如果我在帖子上犯了一些错误…… 我正在尝试将angularjs与ASP.NET Web Forms一起使用,一切顺利,直到我需要向c#webmethods发出请求.我在这里和其他页面上搜索解决方案并没有找到任何东西. 让我们来解决问题:我的请求只返回我的Default.aspx html代码,而不是我的JSON.事实上,我的请求不会调用我的webmethod …app.controller('CtrlBoletos',function($scope, FactoryBoleto) {$scope.selections = [];$scope.bole...

javascript – 是否可以在不使用JSPDF,Phantom等的情况下将HTML导出为PDF或在AngularJs中生成PDF【代码】

我需要使用AngularJS将任何HTML(例如从div)导出为PDF.我已经google了很多但是我无法找到任何解决方案来在AngularJS中生成PDF而不使用JSPDF,幻像等库. AngularJS中是否有可用于生成PDF的指令或事件?我不是在寻找PDF查看器.我正在寻找PDF生成.解决方法:我知道这是一个老帖子,也许这不是你想要的,但也许它会帮助你(或其他人):var divContent = document.getElementById('yourDiv').innerHTML,printWindow = window.open("", "", "wi...

javascript – Angularjs route不会将login.html加载到main.html中?【代码】

虽然我正在尝试使用angular进行单页应用程序.我无法将login.html视图加载到main.html的ng-view.Kindly有人帮助我这样做.谢谢提前. main.html中<!DOCTYPE html><html><head><link rel="icon" type="image/jpeg" href="assets/images/favicon.ico" /><meta charset="UTF-8"><title>Login</title><link rel="stylesheet" href="assets/css/bootstrap.min.css" /></head><body><div class="container-fluid page-header"style="ba...

javascript – 使用AngularJS和外部NodeJS服务器启用html5模式【代码】

所以我已经阅读了几乎所有关于这个主题的答案/问题,但我脑子里还有很多问题. 一,问题: 我有一个启用了html5的AngularJS应用程序,所以我可以摆脱’#’符号.$locationProvider.html5Mode({ enabled: true, requireBase: true }); $locationProvider.hashPrefix('!');这是我的index.html中的重要部分:<!DOCTYPE html> <html ng-app="application" ng-controller="ApplicationController as app"><head><meta name="fragment" conten...

如何从Spring security成功处理程序向Angular index.html传递值【代码】

如何从我的Spring安全成功处理程序将值(userName,language_code等)传递给我的Angular’index.html’? 我目前正在使用此代码从服务器加载角度应用程序:response.sendRedirect(request.getContextPath() + "/admin/index.html");解决方法:那么有很多方法可以解决这个问题.考虑到您正在构建单页应用程序: >您实际上可以从angular发送Ajax GET用户详细信息请求,以便在首次加载Angular应用程序时获取详细信息>您可以在发送如下所示的...

javascript – AngularJS应用程序应该符合HTML5标准吗?

我已经熟悉了AngularJS,并且我注意到可以通过在指令前添加数据来使您的模板代码符合HTML5标准. (例如,data-ng-repeat =“…”而不是ng-repeat =“…”.) 我的第一直觉是为我的所有指令添加前缀,但我一直在想:这是否有令人信服的理由?是否有任何确认的浏览器无效HTML属性出现问题?在一段时间之后,在所有内容之前输入数据变得相当繁琐,并且它使得HTML模板的可读性低得多.解决方法:Attribute names must consist of one or more ch...

javascript – 如何使用Angular.js将HTML文件与控制器链接?【代码】

我正在尝试使用MEAN堆栈构建app模块,而我正在使用MVC.所以我有一个名为AppModules的文件夹,里面有一个名为search的文件夹,里面有3个文件夹,模型,视图和控制器.我在views文件夹中写了一个HTML文件.此外,在控制器文件夹中,我有一个简单的功能,只是输出一些东西到控制台.现在我如何将这两者连接在一起? 我观看了一个MEAN堆栈教程,视频中的人正在将HTML文件写入项目的index.html文件中,这是服务器自动打开的内容.我正在和其他人一起开...

javascript – Angular JS如何读取html页面中加载的css文件名【代码】

我们正在创建一个新的小部件,因为我们正在实现一个功能,该功能可以告知html页面中包含多少个css文件. 我们需要页面中使用的css文件的数量以及css文件的名称. 我有点新的角度,我听说这可以使用指令完成,但不知道如何实现它. 需要你帮助的人.提前致谢.解决方法:您的应用程序已经在Angular中吗?这个jQuery代码可以轻松完成这项任务:var cssList = [] $('head link[type="text/css"]').each(function(){cssList.push($(this).attr("h...

javascript – 如何使用angular js的$location.hash更改单击时html元素的颜色?【代码】

我有三个按钮,标记为关于我们,联系我们和服务.每当我点击一个按钮时,哈希值都会改变,我已经使用路由概念转到不同的页面. 现在,我想在AngularJS中使用函数$location.hash(),并在哈希值更改时更改按钮的颜色. 请参阅我在下面编写的代码:<div ng-controller="mainController"><a href = "#/aboutus" ng-class="{'active': location == '/aboutus'}">About us</a><a href = "#/contactus" ng-class="{'active': location == '/contact...

javascript – 使用AngularJS ng-bind-html从json数据获取img src【代码】

所以我得到了一个有趣的问题,我没有找到答案. 假设我从JSON文件中获得了大量数据,但不知何故,其中一个主要字段看起来像这样description : '<img src="http://o.aolcdn.com/hss/storage/midas/37c38989a5f26031be3e0ec5ffc5cd2/200012386/got-hbo-go-crash-2014-04-07-01_thumbnail.jpg"/> Viewing of the Game of Thrones season debut came to a crashing halt yesterday thanks to server problems with HBO Go. The cable outfi...

javascript – 使用HTML5音频元素使用AngularJS创建新指令【代码】

我是角度新手,我使用angular指令制作了音频按钮:app.directive('soundButton', [function () {return {restrict: 'E',link: function (scope, element, attrs) {var audioSrc = attrs.origem;var audio = new Audio(audioSrc);scope.play = function () {if (audio.paused) {audio.play();} else {audio.pause();}};element.css({borderRadius: '50%',width: '100px',height: '100px', backgroundColor: 'red',display: 'inline-b...

javascript – 浏览器如何识别html中的angularjs标签?

我们知道html是客户端脚本,而在html中使用angularjs框架我们在html标签中包含“ng”.我的问题是浏览器如何识别或识别具有“ng”的html标签.请为我提供正确的解决方案题.解决方法:下面的点帮助我理解“浏览器如何理解angularjs标签”: > AngularJS的HTML编译器允许开发人员教授浏览器新的HTML语法.编译器允许您将行为附加到任何HTML元素或属性,甚至可以使用自定义行为创建新的HTML元素或属性. AngularJS调用这些行为扩展指令. 有关...

javascript – AngularJS Bootstrap – 将$编译的HTML注入popover【代码】

我正在尝试为一系列元素的popover构建动态内容. 使用此指令:.directive('popover', function($compile){return {link: function(scope, element, attrs) {// define popover for this element$(element).popover({html: true,placement: "top",// grab popover content from the next elementcontent: $(element).siblings(".pop-content").html()});}} });popover的内容包含popover的.pop-content兄弟的HTML内容:<div ng-repeat...

DOM - 相关标签