草庐IT

angularjs-sce

全部标签

javascript - 是否可以更新 iframe 内的 angularjs 表达式?

所以...例如,我试图将电子邮件"template"拉入iframe作为angularjs应用程序内部用户的“预览”。iframe位于Controller区域(我们称之为MainCtrl)内。然后,用户将能够使用MainCtrl中提供的表单元素,根据他们的输入更新预览。因此,例如,假设我们的模板被拉入iframe看起来像这样:.some{styles:here};{{header}}{{body}}因此在我们的index.html(angularjs应用程序)中,我们会将表单元素绑定(bind)到{{header}}和{{body}}...这可能吗?angularjs是否有可能更新该信

html - 如何在 AngularJS 中动态更改 CSS 属性

现在我有一个硬编码到CSS中的背景图片URL。我想使用AngularJS中的逻辑动态选择背景图像。这是我目前拥有的:HTMLCSS.offer-detail-image-div{position:relative;display:block;overflow:hidden;max-width:800px;min-height:450px;min-width:700px;margin-right:auto;margin-left:auto;padding-right:25px;padding-left:25px;-webkit-box-flex:1;-webkit-flex:1;-ms-

javascript - 如何使用 AngularJS 呈现原始 html?

我正在创建一个AngularJS单页应用程序。数据将从json格式的网络服务中获取。问题是一些文本元素带有预格式化的html标签json输出:{"text":"testtext"}现在我怎样才能显示这个文本并直接呈现html,以便只向用户显示“测试”,其余的用作标记?{{data.text}} 最佳答案 您需要将ng-bind-html="data.text"添加到您的h1标签中。您的html看起来像:文档:ngBindHtml 关于javascript-如何使用AngularJS呈现原

javascript - 如何在angularjs函数中调用jQuery函数

我想知道如何在我的Angular函数中调用jQuery函数,就像我有一个jQuery函数一样:functiontestData(){//code}我有一个像这样的Angular函数:myApp.controller(AppCtrl,['$scope',function($scope){$scope.imagesData=function(){//hereIneedtocallthefunction:testData()}}]);所以,请告诉我如何在angularjs函数($scope.imagesData())中调用我的testData()。提前致谢。 最佳

javascript - AngularJS 显示基于 url/条件的 div

我在AngularJS应用程序中有一个全局菜单。我不想在某些路径上显示某些链接。我尝试了以下内容。在我的Controller中:$scope.location=$location;在我看来:[Content]但我无法让它工作。有什么想法吗?还有,有没有办法打印出页面上的当前路径? 最佳答案 你应该看看“ng-show”和“ng-hide”。它们可用于非常容易地有条件地显示和隐藏页面上的内容。一个例子是:ContentwillshowwhenmyBooleanistrue您可以将“myBoolean”替换为对范围内函数的调用,该函数将

javascript - 为什么我不能在 AngularJS 中使用 data-* 作为指令的属性名?

在thisplunker您会注意到指令中属性名称模式data-*的奇怪行为。电话:Testofdatanamedattribute:指令的:angular.module('apptest',[]).controller('Controller',['$scope',function($scope){$scope.vartest="Thisisatest";}]).directive('directivetest',function(){return{restrict:'E',scope:{dataTest:'=',test:'=',anotherTest:'='},templateUr

html - angularJS 如何忽略某些 HTML 标签?

我收到此错误是因为其中一位用户在他的帖子中添加了Error:[$sanitize:badparse]Thesanitizerwasunabletoparsethefollowingblockofhtml:我写了ng-bind-html="Detail.details"的代码我只想把他带走标记和标记这可能吗?谢谢! 最佳答案 您可以创建过滤器来清理您的html。我在里面用到了strip_tags函数http://phpjs.org/functions/strip_tags/angular.module('filters',[]).fa

html - AngularJS 在双花括号表示法中呈现 HTML

我有包含HTML的JSON变量。通过做:{{source.HTML}}Angular正在显示<和>而不是和>.我该怎么做才能让Angular呈现实际的HTML?更新:这是我的Controller:app.controller('objectCtrl',['$scope','$http','$routeParams',function($scope,$http,$routeParams){varproductId=($routeParams.productId||"");$http.get(templateSource+'/object?i='+productId).then

angularjs - 如何整理 Angular html?

我正在使用brew的tidy-html5,但我无法整理我的Angular模板,因为它们使用了像这样的自定义元素:这会在tidy-html5上引发此错误:line26column9-Error:isnotrecognized!有一个选项我正在跳过,或者这对tidy不起作用?我唯一的选择是手动填充“new-empty-tags”? 最佳答案 来这里参加派对有点晚了,但您是否尝试过在您的元素前加上“data-”标签?下面是一个HTML5验证器。asdf如果您删除数据前缀,它将作为无法识别的元素抛出错误。

javascript - 防止滚动在 AngularJs 上动态更新的可滚动 div

我有一个Angular应用程序,其界面类似于powerpoint。左边的项目(可滚动)是用ui-sref调用的Controller的一部分,幻灯片内容来自另一个(子)Controller并更新为ng-show.如果我单击某个项目(图片左侧),幻灯片内容(右侧)会动态变化。问题是当单击某个项目时,可ScrollView总是滚动到顶部。我已经尝试过SO上描述的许多方法,但没有任何效果:设置属性autoscroll至false在ui-view上myModule.value('$anchorScroll',angular.noop);myModule.run(['$anchorScroll',