草庐IT

ng-bind-html-unsafe

全部标签

javascript - Angular Directive(指令) : Adding ng-class directive at compile time on existing template element

长话短说,这个想法是通过不必手动添加ng-class={'has-error':'formName.inputName.$invalid'}来简化模板每一个form-group所以我想创建一个指令来生成一个字符串,该字符串将被添加到模板元素中。该字符串是一个带有表达式的ng-class属性我认为创建一个在编译阶段添加ng-class属性的快速指令就足够了,但它似乎并没有削减它。指令定义对象{restrict:'C',compile:function(tElement,tAttrs){var$elem=angular.element(tElement),formName=$elem.pa

javascript - 如何在 Angular 2 CLI 中使用 "ng build --prod"和 "ng serve --prod",出现 404 错误

当我尝试使用--prod选项运行ngbuild时,它会编译成一个main.js文件,并且我在控制台中没有收到任何错误。但是当我在浏览器中运行应用程序时,它仍然会查找单独的js文件。我的main.ts://defaultimport{provide,enableProdMode,ExceptionHandler}from'@angular/core';import{LocationStrategy,HashLocationStrategy}from'@angular/common';import{bootstrap}from'@angular/platform-browser-dynam

javascript - 为动态创建的组件添加事件绑定(bind)

我使用ViewContainerRef.createComponent()方法在app.component.ts中动态创建组件,该方法返回一个ComponentRef对象.letnewComponent:ComponentRef=this.filtersSection.createComponent(MyDateRangeComponent);我需要动态地向这个组件添加一个事件监听器,以便它监听onDateRangeChange事件并执行app中定义的dateRangeChanged(event)方法.component.ts组件。我最初在app.component.html中以这种方

javascript - 带条件语句的 ng-init

我有一个AngularJS应用程序,当页面加载时会执行getTableData,但我想检查一个变量$rootScope.Dealer并切换初始化的函数名。例如:如果存在$rootScope.Dealer值,我想执行名为getDealerData的函数如果没有设置值需要执行getTableData函数。如何在anglarjs模板中制作它。我刚刚尝试了ng-if,但它不起作用... 最佳答案 您可以像这样在ng-init指令中使用简单的Javascript语法:这是给你的plnkr(我已经将后端路由生成更改为文本):https://pl

javascript - 带有 vue.js 的简单 html 不起作用

vue.js的初学者和我点击了这个链接:https://www.sitepoint.com/getting-started-with-vue-js/几乎将代码复制到我的html中。但是它就是不起作用。有人可以帮我找出问题所在吗?以下是所有代码:varmyModel={name:"Ashley",age:24};varmyViewModel=newVue({el:'#my_view',data:myModel});{{name}}结果只是:{{name}} 最佳答案 您需要添加标记并在文件末尾添加脚本,如下所示:{{name}}{{a

javascript - 如何使用 Javascript 或 jQuery 在 div 中呈现 html 代码

我试图在我的网站上动态呈现一些HTML,但没有成功。我试过使用jQuery的.html()函数,如下所示:我的html我的JQueryvaropenEnderContent="<p><spanstyle="color:#ff0000;">DDD</span>!!!!!<strong>666666666666</strong></p>"//openEnderContentcomesfrommybackend$('#open_ender_output').html(openEnderContent)结果是DDD!!!!

javascript - 输入(类型 ="search")十字图标的 Angular 事件绑定(bind)?

如何使用Angular2(4,5,6,7)为的十字图标绑定(bind)事件?触发哪个事件?寻找类似的解决方案(除了(搜索),因为它在IE中不起作用):附加问题:这个十字图标的正式名称是什么?在不知道正确的条款时有点难以谷歌搜索/duckduckgoing寻求解决方案?重复问题:Howdoyoudetecttheclearingofa"search"HTML5input? 最佳答案 关于javascript-输入(类型="search")十字图标的Angular事件绑定(bind)?,我

javascript - Workbox - SPA - 回退到/index.html

我正在使用workbox使用webpack生成服务worker。在webpack.config.js中加入如下代码:newWorkboxPlugin.InjectManifest({swSrc:"./src/sw.js"}),serviceworker生成的很好。在./src/sw.js中,我有:workbox.precaching.precacheAndRoute(self.__precacheManifest||[]);我所有的资源都被很好地预缓存了。但是,我有一个单页应用程序,我注意到当从非主页路由离线刷新页面时,服务worker没有响应。例如,在离线时刷新/page1不起作用,

javascript - 将多级 JSON 菜单转换为多级 JSX/HTML 菜单

我正在使用SmartMenus创建下拉菜单。但是,我想动态创建菜单。React应用程序将查询API服务器以获取JSON代码,并由此构建一个菜单。我正在尝试找出一种将JSON代码转换为HTML/JSX代码的方法:从API检索到的JSON代码看起来像这样:{"module_type":"menu","title":"MySite","menu":[{"link":"/home","title":"Home"},{"link":"#","title":"Fruit","menu":[{"link":"/apples","title":"Apples"},{"link":"/bananas",

javascript - 如何查看元素绑定(bind)了哪个 jQuery 函数?

我在javascript中找到了一个网站,它具有我需要的一些功能。它使用jQuery,当我点击一个标签时,一些函数被执行,所以jQuery为标签设置了一个绑定(bind)。但是我怎样才能找出它绑定(bind)了哪个函数呢?Firebug没有向我展示:( 最佳答案 如果您想说查看元素的click事件处理程序,您会得到这样的第一个处理程序:$("#element").data("events").click[0].handler这将使您的功能运行。Here'sanexamplepageshowingthat这是一个例子:$("a").c