【angularjs中的ng-show无效?_html/css_WEB-ITnose】教程文章相关的互联网学习教程文章

Javascript-ASP.NET MVC和Angular:会话过期后,Angular Factory返回登录页面的HTML而不是JSON对象【代码】

如果用户在页面上停留了很长时间并且会话结束,则如果他们在会话已经过期之后继续进行AJAX调用..而不是接收JSON对象,而是接收登录页面的HTML. 理想情况下,我正在尝试使其能够重定向到登录页面. 有什么办法可以检测到这个吗? 我已经有一个ActionFilterAttribute可以用于非AJAX调用,如下所示:public class VerifySessionAttribute : ActionFilterAttribute {public override void OnActionExecuting(ActionExecutingContext filterC...

javascript-如何从一个index.html文件中的不同文件夹中加载多个angular2组件?【代码】

我已经开发了一些角度2组件.我的应用程序的目录结构如下. 我从index.html加载每个组件为<script>System.config({map: { 'rxjs': 'node_modules/rxjs' },packages: {app: { format: 'register', defaultExtension: 'js' },'rxjs': {defaultExtension: 'js'} }});System.import('component_1/app/main').then(null, console.error.bind(console)); </script>我所做的是,必须只有一个index.html,并且根据System.config中提供...

angularjs-春季启动应用程序找不到index.html【代码】

我是第一次手工将AngularJS和spring-boot应用程序连接在一起.我遇到的问题是我的@RestController没有返回索引页:@RestController public class IndexController {@RequestMapping("/")public String index(){System.out.println("Looking in the index controller.........");return "index";}}目录:它继续呈现默认的404错误页面:—————-更新1 —————— 我添加了一个配置文件:@Configuration public class IndexPageCo...

javascript-为什么angular2表单不能正确使用html元素?【代码】

我注意到< form>的某些奇怪行为. ng2中的元素,我需要有人向我解释一下:) 我创建了简单的Plunker示例https://plnkr.co/edit/vdrHJBNdd26y6YhPXTHD?p=preview 因此,现在是工作的罚款.如果你输入一些值,然后单击“添加参数”,输入值将在模型进行更新,并保存到输入字段. 但是,如果用< form>包裹< div&gt ;,像这样的元素https://plnkr.co/edit/vdrHJBNdd26y6YhPXTHD?p=preview和输入不便到现场,然后再次单击“添加参数”,表格将被刷新,你...

javascript-Angular 2和LeafLet Uncaught ReferenceError:在HTMLButtonElement.onclick中未定义【代码】

我在Angular 2中有一个使用Leaflet的项目,我想通过单击按钮来调用简单函数,但是我得到了ReferenceError: <function> is not defined at HTMLButtonElement.onclick这是我的代码.一切正常,但功能无效.export class MapComponent implements OnInit {//layergoogleStreets = L.tileLayer('http://{s}.google.com/vt/lyrs=m&x={x}&y={y}&z={z}',{maxZoom: 30,subdomains:['mt0','mt1','mt2','mt3']}); //!!!The FUNCTIONtest() {conso...

Javascript-执行HTML / Angular ng-include【代码】

我正在使用AngularJS设计一个用于搜索的小应用程序.我有一个当前为空的div,运行一个函数后,将其替换为具有ng-include的div. div可以很好地替换,但是ng-include不会加载. 我目前正在控制台中运行以下程序,以进行测试以使其运行.我将如何开始工作呢?任何帮助表示赞赏!document.getElementById("resultsDiv").innerHTML = '<div ng-include="" src=" \'sr.html\' "></div>';解决方法:阅读有关angularjs $compile函数的信息

javascript-如何将angularjs变量值分配给html元素属性,例如输入elememnt的name属性【代码】

我对angular完全陌生,我有一个angularjs $scope变量:$scope.testme = "inputname",我想将此变量值分配给html元素的名称属性.我想要 以下结果: <输入名称=“输入名称” ...>.但是如何从angularjs作用域变量获取它呢? 谢谢!解决方法:请查看更多https://docs.angularjs.org/guide/databindingvar app= angular.module("app",[]).controller('fCtrl', function($scope){$scope.elementName = "testName"; $scope.myElement = {valu...

javascript-Angularjs:预览经过消毒的HTML【代码】

请找到plnkr 我想显示一些HTML预览.该html已在服务器上清除(例如:“< b& gt; HELLO& lt; / b& gt;””).如何显示html表单.在示例中,我要显示为myHtml显示的myHtml2(第一次预览).HTML<div ng-controller="myController"><div ng-bind-html="myHtml"></div><div ng-bind-html="myHtml2"></div><div >{{myHtml2}}</div></div>JSmyApp.controller('myController', ['$scope', '$sce', function myController($scope, $sce){$scope.myH...

javascript-如何在html5数据列表中使用angularjs ng-click【代码】

我正在使用AngularJS,并且在选择数据列表(html5)的元素时要使用指令ng-click. 这是我的实际代码示例:<label>Search</label> <input type="text" class="input-search" list="datalistcit" ng-change="changeQuery(queryCity)" ng-model="queryCity" /> <datalist id="datalistcit"><option ng-repeat="city in cities" ng-click="goCity(city)" value="{{city.name}}"></option> </datalist>它不起作用,永远不要执行js方法goCity ...

javascript-AngularJS-ngBindHtml和’unsafe’html【代码】

我试图呈现一些不安全的HTML(基本上是带有某些内联样式的HTML代码段),并在我的视图中包含以下代码:<div ng-repeat="snippet in snippets"><div ng-bind-html="snippet.content"></div> </div>我所有的样式都被删除了… 我听说有人使用ngBindHtmlUnsafe,但是我找不到对它的引用,仅将ng-bind-html-unsafe放置就不会呈现任何内容. 任何帮助,将不胜感激.解决方法:您可以使用$sce.trustAsHtml绕过它.查看documentationself.snippet.con...

javascript-如何在现有的html文件和网站中包含Angular 7应用程序?【代码】

我一方面有一个现有的网站,另一方面我有一个Angular 7应用程序组件. 我想编辑我现有的someusecase.html并重复使用Angular 7应用程序,例如<html lang="en"><head><meta charset="utf-8"><title>How to import Angular 7 App?</title><base href="/"><meta name="viewport" content="width=device-width, initial-scale=1"></head><body><app-root></app-root></body> </html>我需要在html中包含什么才能使其正常工作?我在追求等同于...

javascript – 使用angular2将服务器中的HTML插入DOM(Angular2中的常规DOM操作)【代码】

参见英文答案 > Angular HTML binding 18个我想将从服务器检索到的一些HTML插入到angular2中的DOM元素中.我似乎无法找出最佳/正确的方法来做到这一点. 我不能只将{{my_data}}放入模板中,因为angular 2会自动转义HTML. 我试图编写一个html-unsafe指令,它只是直接为元素的innerHTML赋值:/// <reference path="../../typings/typings.d.ts" />import {Directive} from 'angular2/angular2'; impo...

javascript – 代码完成/自动完成HTML中的Angular / typescript ATOM【代码】

我想知道是否有可能在Atom中获得类似的Codecompletion / Autocomplete,就像它是Webstorm一样. 现在我正在尝试习惯打字稿,到目前为止我真的很喜欢它,但真正令我恼火的是,我无法在原子中为我的HTML文件获得任何Codecompletion. 这会让我的生活变得如此轻松……这就是Webstorm的样子(试用版) 界面非常简单:interface Person {name: string;lastName: string;birthday: number; }控制器看起来像这样:module myModule { export interf...

javascript – 使用angular4不能正常运行innerhtml中的操作【代码】

参见英文答案 > Angular 2 innerHTML (click) binding 4个我试图在innerHTML中放置一个锚标签,我正在使用角度4.in HTML file: <div [innerHTML]="'myText' | translate">in Component: const myText = "mytext go here and <a (click)='myFunction()'> click here </a>."我没有在DOM里面得到“(click)=’myFunction()’”.解决方法:这不起作用,你的代码很好,但它是由Angular设计的. 每当您通过...

javascript – AngularJS如何使用自定义HTML5元素标签和属性?【代码】

大多数浏览器似乎允许您创建您喜欢的任何元素标记,并将您喜欢的任何属性名称添加到元素中.例如:<!DOCTYPE html> <html> <body> <div my-attribute="has no data- prefix, but seems to behave like an attribute should"><br/><hello-world style="display:block;background:#eee">Hello Everybody</hello-world><goodby-world style="background:#faa">Default display is inline</goodbye-world> </div> </body> </html>以上显示...