草庐IT

angularJs

全部标签

javascript - Angular 面包屑 : Including dropdown that dynamically changes breadcrumbs

我正在使用AngularBreadcrumb指令(可在此处找到:https://github.com/ncuillery/angular-breadcrumb),它使用UI-Router来制定面包屑。开箱即用,适用于简单的面包屑导航。但是,我想要做的是能够单击应用程序碎屑,显示下拉列表并允许我选择其他应用程序。选择不同的应用程序将动态更改URL。这是我目前所了解的,但不确定如何在您选择不同的应用程序时编辑displayName以更改面包屑结构。index.htmlbreadcrumbs.html{{crumb.displayName}} {{crumb.displayName

javascript - AngularJS 多重解析

这是我的ui-router特定路由的配置state('app.merchant',{url:'/start/merchant',views:{'mainView':{templateUrl:"partials/start_merchant.html"}},css:['assets/vendor/bootstrap/dist/css/bootstrap.css','assets/css/styles.css','assets/css/plugins.css'],title:'Buttons',resolve:{userRequired:userRequired,}resolve:load

javascript - 如何使用 web api2 Controller 使用 firebase token 身份验证

我有一个firebase身份验证token,我正试图将其传递给WebAPIController。我在这里关注这篇文章。stackoverflowpost我在$http请求header中有不记名token。我处理了cors(除非我遗漏了什么)。我的api项目的终点是接收带有空header的请求。所以我正在尝试调试错误但没有任何特定错误我不确定在哪里看 最佳答案 您可以使用以下代码获取header中“Authorization”元素的值:stringfirebaseAuthToken=string.Empty;firebaseAuthT

javascript - 使用 fetch 时拒绝 promise

这个问题在这里已经有了答案:try..catchnotcatchingasync/awaiterrors(1个回答)关闭7年前。我对如何正确使用fetch有点困惑。即使我返回错误状态,它似乎也能解决。下面的代码是否正确(将获取包装在另一个promise中)?functiona(url,config){if(!config)config={};config=Object.assign(config,{headers:{'content-type':'application/json;charset=utf-8'}})returnnewPromise(function(resolve,re

javascript - angular js中可选择的表格模式弹出窗口

我正在尝试打开一个带有表格的模式弹出窗口。我怎样才能做到这一点?在我的app.js中,在行打开模式的单击事件中,我还想用所选项目值更新某些字段。但我无法使用选定的值进行更新。myapp.jsvartableApp=angular.module('tableApp',['ui.bootstrap']);tableApp.controller('tableController',function($scope,$rootScope,$filter,$modal){$scope.filteredPeople=[];$scope.currentPage=1;$scope.pageSize=10

javascript - 如果文件更改,如何自动增加 javascript 版本?

我正在使用grunt按以下顺序构建一个javascript/angularjs项目:cleancopy>uglify>cssmin.现在,如果我更改js文件,我总是必须在脚本标记的末尾手动添加版本增量,以便浏览器可以检测到更改。问题:如何使用grunt自动执行此过程?如果我运行“grunt”命令,只有与上次运行相比发生变化的文件才会获得版本增量。以便浏览器尽可能重用缓存文件。 最佳答案 我知道简短的回答不好(没有足够的代表发表评论),但你可能想结帐grunt-asset-cachebuster.我自己还没有尝试过,但在他们的npm页

javascript - AngularJS - 包装指令

我似乎对指令中的孤立作用域感到困惑,希望你能帮助我。我试图将一段代码(其中包含一些自定义指令)包装到一个新指令中以减少代码重复。显然,我需要将一些属性(如ng-model)作为参数添加到我的新指令中,以使该指令可重用。ng-model不喜欢表达式(我首先尝试了ng-model="{{myVariableWhichContainsDesiredNgModelString}}"),因此我在这篇文章中结束了:AngularJS-Createadirectivethatusesng-model。虽然接受的答案似乎适用于简单设置,但我从接受的答案中编辑了plunker以测试它是否也适用于嵌套指令

javascript - 多重 ionic 卷轴,无限卷轴

我有两个ionic滚动标签。在每个ion-scroll标签中都有一个列表。这些列表中的每一个都以10个项目开始,当用户到达特定ionic卷轴的底部时,它应该加载更多。我面临的问题是这无法正常工作。如果我滚动第一个滚动窗口并对所有项目进行分页,它应该不会再显示任何内容。但这并没有发生,相反,如果我滚动第二个滚动窗口,那么它将在第一个和第二个ionic滚动窗口(我不想要)中加载更多项目。本质上我希望两个ionic卷轴完全独立。我希望每个人都加载自己的内容。我希望这是有道理的。这是我的代码笔:http://codepen.io/polska03/pen/jWKRwPHTML:IonicPul

javascript - AngularJS JSON 格式

我是AngularJS的新手,我正在尝试根据表tr和td值制作格式化的JSON。表格tr是自动生成的。提交表单后,我尝试生成json值。提交表单后,我需要生成JSON。TestLumpsumTestLumpsumTestLumpsumTestLumpsum我有3行表,所以我需要生成3个json对象数组"data":[{"tname":"{tr1name}","value":"{tr1tvalue}","ttype":"{tr1ttype}","index":"index1"},{"tname":"{tr2name}","value":"{tr2tvalue}","ttype":"{tr

javascript - 如果指定了绝对位置和 overflow-x hidden,则无法滚动到元素

我有动画ng-view。我正在使用上滑动画,它需要元素的绝对位置以及overflow-x:hidden来剪辑内容。在一个子页面中,我必须使用scrollTo元素功能,但如果指定了both2个值,它就不起作用。这是正确动画所需的主要ng-view类.wrapper{position:absolute!important;left:0;top:0;height:100%;min-height:100%;min-width:100%;overflow-x:hidden;}和结构:Section1Section2Section3CCC我准备了plnkr轻松展示它现在的样子。除了这两个值,还有其