草庐IT

angularjs-bootstrap

全部标签

javascript - 在 AngularJs 中注销时清除服务中数据的最佳实践

我有几个使用网络服务并缓存大量结果的服务。缓存是指存储在服务的变量中。当用户注销时,数据应该被清除。服务如下所示(简化版):classDataService{privatedata;constructor($http){$http.get(url).then((response)=>{this.data=response.data;});}这是typescript,但解析为这样的东西:varDataService=(function(){functionDataService($http){var_this=this;$http.get(url).then(function(respo

javascript - 如何将多个值传递给 Angularjs 指令?

我正在通过指令创建一段可重用的html。html会有一些我想从原始范围传递的变量。这很容易通过在指令上声明属性,然后创建一个隔离范围并捕获它们来轻松完成。问题是,对于更多变量,是否有更好的方法来做到这一点?我曾想过传入一个像{firstAttr:$scope.one,secondAttr:$scope.two...}这样的对象,然后把这个对象分开来得到每一部分。这第一次有效,但双向数据绑定(bind)不起作用(即使使用“=”)。问题是绑定(bind)的是对象,而不是对象的每个单独部分。我可以使用指令中的编译函数将每个属性添加到元素或其他东西吗?所以:将被翻译成:这样我的数据绑定(bin

javascript - 使用 $http.get 调用响应初始化 AngularJS 常量

如何根据GET请求的响应初始化我的angularjs应用程序。例如:-angular.module('A',[]);angular.module('A').run(function($rootScope,$http){$rootScope.safeApply=function(fn){$http.get('url').success(function(result){//Thisdoesn'twork.Iamnotabletoinject'theConstant'elsewhereinmyapplicationangular.module('A').constant('theConst

javascript - javascript对象上空ng-repeat的angularjs默认文本

我在为遍历javascript对象的空ng-repeat打印默认文本时遇到问题。通常我会做一个EMPTYSET"但是你不能在javascript对象上调用长度。我有一个简单的jsfiddle来演示问题:http://jsfiddle.net/C4t4LystX/zHJv8/8/.基本上我只需要知道ng-repeat什么时候没有对象可以重复,这样我就可以显示一些默认文本。感谢您的帮助。 最佳答案 你是对的,javascript中没有object.length。因为您正在将源重置为一个空对象,所以您需要检查该对象是否为空,或者是否有一些

javascript - 如何在ajax成功中打开bootstrap modal

我想通过jquery打开bootstrap模式。我知道ajax在运行成功时会发出警报。但是无法打开模态。这些是我的代码。$.ajax({type:"POST",url:"",data:{'apiName':apiName,'api':api,'hotel':hotel,'payment':payment,'template':template},success:function(msg){$("#getCodeModal").modal("toggle");$("#getCode").html(msg);}});我的模态HTML是:×APICODE//ajaxsuccess

javascript - AngularJS UI-Router 多页面

Angular是一个很棒的SPA,但如果我需要一些与index.html无关的其他页面,如何通过具有不同uiView的UI-Router状态实现?例如,我有index.html:......app.js:varapp=angular.module('npAdmin',['ui.router']);app.config(['$httpProvider','$stateProvider','$urlRouterProvider',function($httpProvider,$stateProvider,$urlRouterProvider){$stateProvider.state('d

javascript - bootstrap scrollspy 在加载后突出显示最后一个导航链接按钮

我在顶部构建了一个带有5个链接的导航栏。在页面本身,我根据元素中#标记后的名称添加了5个带有id的部分。问题是最后一个导航链接按钮被突出显示(“事件”类在开始时在运行时添加到它,尽管在代码本身中第一个导航栏元素被设置为“事件”。我有最新的Bootstrap版本v2.0.4怎么了?WeeklyPostAudienceWebsiteFAQweeklyPostAudienceWebsiteFAQ$('#MenuBar').scrollspy();afterdocumentready 最佳答案 如果您在body元素上设置了data-spy,

javascript - AngularJS 绑定(bind)点击而不是 ng-click

我正在查看AngularJs并有一个问题,这是我的指令:myApp.directive("enter",function(){return{restrict:'A',scope:{},controller:function($scope){$scope.logSomething=function(somevalue){console.log(somevalue+"islogged");}},template:''+'clickme'}})这行得通,但我的问题是如何使用bindclicking而不是ng-click指令来做同样的事情?并不是说它更好(也许?),而是出于好奇它应该包括这样的

javascript - 我怎样才能最好地管理多个 Twitter Bootstrap 模式对话框

我目前正在从事一个网络项目,该项目大量使用TwitterBootstrap模式对话框。从本质上讲,用户会连续看到许多带有表单的模式对话框。这些对话框的顺序基于他在每个表单(=对话框)上提供的值。我怎样才能最好地管理不同模式的状态并为它们的显示顺序编写过滤器?谢谢。 最佳答案 我使用这个扩展来Bootstrap使用模态形式:https://github.com/Nikku/jquery-bootstrap-scripting在此处查看功能演示:http://nikku.github.com/jquery-bootstrap-scrip

javascript - ng-options 的 AngularJs 条件显示

我已经搜索了几个小时,但似乎无法在任何地方找到我的问题的答案。我记得我以前能够实现它,但由于某种原因我丢失了代码,而且我似乎不记得我做了什么让它工作。我正在尝试使用ng-options在选择框中显示数组中的数据。那个我没有问题。我需要实现的是只有某些数组值会显示/包含在选择框中。我的数据如下:$scope.chartList=[{"id":1,"name":"chart1","order":1,"active":false},{"id":2,"name":"chart2","order":2,"active":true},{"id":3,"name":"chart3","order":