angularjs 相关问题

用于关于开源JavaScript框架AngularJS(1.x)的问题。不要将此标记用于Angular 2或更高版本;相反,使用[angular]标签。

尝试在 Cypress 中断言具有空格的日期格式

我正在尝试在 Cypress 测试中编写一个断言,检查日期格式是否为 mm/dd/yyyy。 现在,断言失败了,我认为这是因为开头有空格......

回答 1 投票 0

JS 和 CSS 文件由于 MIME 类型不匹配而被阻止

当我登录在前端使用 Angular JS 并在 JBoss 服务器上运行的应用程序的 URL 时,JS 和 CSS 文件正在加载,状态为 200,但我仍然遇到以下错误...

回答 2 投票 0

如何获取最新稳定版本的 Angular JS?

如何获取最新稳定版本的 Angular JS? 网站 https://code.angularjs.org/ 显示 2.x 版本仍被列为“alpha”和“beta”,并且一些在线文档表示

回答 2 投票 0

如何在单个标签中显示视频或图像?

我有一个带有 2 个选项图像和视频的下拉菜单,我必须显示与我的下拉选择相关的数据,所以我怎样才能实现这一点,请帮助我。 这是我的 HTML 代码: 我有一个带有 2 个选项 img 和 videos 的下拉菜单,我必须显示与我的下拉选择相关的数据,所以我怎样才能实现这一点,请帮助我。 这是我的 HTML 代码: <img class="cat-img" src="image path" style="width: 100px;margin: 10px 0px;"> or <video width="320" height="240" controls> <source src="videopath" type="video/mp4"> </video> 或者我该如何使用“ng if”来做到这一点 使用`ng-if` 选择下拉菜单 <select ng-model='option'> <option value='image'>Image</option> <option value='video'>Video</option> </select> 将您的图像/视频代码更改为此 <img class="cat-img" src="image path" style="width: 100px;margin: 10px 0px;" ng-if="option=='image'"> <video width="320" height="240" controls> <source src="videopath" type="video/mp4" ng-if="option=='video'"></video> 如果您想要此图像/视频都使用单行,最好为此编写一个组件。 使用“bootstrap”你可以做一个“可折叠”手风琴 检查这个演示:https://jsfiddle.net/qq37qbdh/ <div class="panel-group" id="accordion"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#videos"> Videos</a> </h4> </div> <div id="videos" class="panel-collapse collapse in"> <div class="panel-body"> videos section </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#images"> Images</a> </h4> </div> <div id="images" class="panel-collapse collapse"> <div class="panel-body"> Images Section </div> </div> </div> </div> 这是一个对我有用的解决方案。通常,您的视频/图像来自 URL 并分配给 src,在我的例子中,它们不是本地和静态的,而是来自 IPFS,但可以来自任何 URL。我用 JSON 创建了一个简单的 obj 数组: export interface media{'src': string, 'type': string} var myMedia: media[] = []; 然后,当我填充数组中每个 obj 的“src”部分时,我在一个调用 Promise“mediaType”的服务函数中进行了一些 MIME 检查... for(var x=0; x < myMedia.length; x++){ if(myMedia[x].src!=null){ this.mediaType(x, myMedia[x].src).then(function(data){ myMedia[data.index].type = data.ret; }.bind(this)).catch( err => { console.log('error: ' + JSON.stringify(err)); }); } else { myMedia[x].mediaType = null; //handle condition where src was null for some reason; } } ...这是 mediaType 承诺... mediaType(index: number, URL: string){ return new Promise((resolve, reject) => { fetch(URL, {method:'HEAD'}) .then(response => { if (!response.ok) { throw new Error(response.statusText) } var ret = response.headers.get('content-type'); resolve({'ret': ret, 'index': index}); }, (err) => { reject({error : err}); } ) }) } 索引 # 允许 for 循环异步向前旋转,并且仍然将值应用于正确的数组元素。现在在你的 HTML *ngFor 中看看,你的 myMedia 元素“media”可以看起来像这样...... <img class="w-full object-cover" [src]="media.src" *ngIf="token.mediaType!=null && token.mediaType.split('/', 2)[0]=='image'"> <video class="w-full object-cover" controls [src]="media.src" *ngIf="token.mediaType!=null && token.mediaType.split('/', 2)[0]=='video'"> </video> 拆分将允许任何图像或视频 MIME 工作(例如:image/png 与 image/jpg,或 video/mp4 与 video/mov)。 您只需使用 <object data="movie.mp4" width="400" height="300"></object> <object data="pic_trulli.jpg" width="300" height="200"></object> 对象标签。这是来自 HTML5 的标签。所以你必须在网页中使用 。这可以用来显示图像、视频、PDF 等。

回答 4 投票 0

Gulp + karma + jasmine + Angular + singleRun:true = Angular 注入失败

我在通过 Karma 和 Gulp 运行 Jasmine 测试时遇到问题,我通过 gulp 任务运行测试 返回新的 karma.Server({ 配置文件:__dirname + '\karma.conf.js', 单次运行:

回答 2 投票 0

分页:查找要显示的对象位置(页面)

我正在使用 .take() 和 .skip() 进行表格分页。 现在,当我将实体“插入”到数据库中时,我会重新加载表(新查询)。现在我想跳转到表内的这个新对象...

回答 1 投票 0

想要为所有http请求标头传递Ip、国家/地区并在保存所有数据后

当我一直使用这种方式时,IP和国家/地区在后端传递为空 我需要传递活动日志的值 我使用 Java Spring boot 的后端 并为此使用 AOP 我在下面解决...

回答 1 投票 0

Jquery Masonry 与 AngularJS

在我的项目中我尝试实现jquery masonry。但它正在发挥作用。我尝试谷歌搜索但发现了一些帖子。但我尝试了一下它不起作用。 我的指令代码是 shout.directive("shoutList", fu...

回答 3 投票 0

如何使用最小和最大属性(AngularJs)验证两个数字输入之间的范围

我在使用 AngularJs 验证“从-到”范围时遇到问题。这个想法是使表单仅在范围从较小到较大的数字时才有效。 // 脚本.js var app = angular.module('...

回答 1 投票 0

ServiceNow Angular.js 门户小部件和更改嵌入式小部件的 HTML 模板

我正在使用 ServiceNow angular.js 门户小部件,为了避免克隆小部件,我制作了自己的小部件并将其小部件嵌入到我的小部件中。然后我做了各种各样的事情来操纵

回答 1 投票 0

ASP.NET MVC Web 应用程序 + NHibernate + Angular JS - 401 未经授权

我刚刚加入一家公司,我正在尝试了解他们的申请。 后端 它是一个 .NET 应用程序,解决方案中有多个项目。它是为 .NET 4.8 开发的。 我相信它已经开发出来了

回答 1 投票 0

在模板中非法使用 ng-Transclude 指令

当我使用 ngTransclude 时,页面看起来不错,但出现控制台错误: 在模板中非法使用 ngTransclude 指令!未找到需要嵌入的父指令。元素:{0} 我...

回答 1 投票 0

无法加载本地存储(角度项目)

应用程序中显示的错误我的应用程序遇到了几个问题。我已经用 Angular 制作了一个非常简单的酒店预订列表,但在我单击提交按钮后,什么也没有

回答 1 投票 0

使用 JavaScript 在 SPA 中抓取更新表数据的问题

我正在为构建为单页应用程序(SPA)的服务开发一个爬虫。 我不确定使用的框架是 React、Angular 还是其他框架。我的爬虫与桌子交互

回答 1 投票 0

Tinymce的源码textarea不可编辑

我正在为我的一个项目使用 ui-tinymce (https://github.com/angular-ui/ui-tinymce)。通过演示工作(该指令没有太多文档)。 总的来说,一切都工作正常

回答 3 投票 0

关闭模式

我在尝试使用 AngularJS 关闭模式时遇到了困难。 我正在做的是在触发事件时打开一个简单的模态,在模态内执行某些操作,然后确认或中止操作...

回答 1 投票 0

在 ng-click AngularJS 上动态更改 div 内容

我想在内容div中显示一些数据和表格,这取决于您在左侧导航中选择的类别。 因此,如果我更改类别,也会更改

回答 5 投票 0

AngularJS 初始路由控制器未加载。后面的都还好

我有一个 HTML5 PushState 应用程序。由于某种原因,当我第一次加载时,负责我最初点击的路线的控制器没有加载。如果我点击周围,一切都很好......

回答 1 投票 0

通配符上的 Angular 智能搜索

假设您有一个包含以下对象的数组: {id:整数,名称:'字符串'} 以下面的数组为例: $scope.users = [{ id:1,名称:'Marc Edgelund main' ...

回答 1 投票 0

dirPagination - AngularJS 问题

SCANERIO:我正在开发一个 angularjs 应用程序。它有一个页面,该页面使用 dir 分页进行分页。该页面工作正常,该页面还调用一个对话框弹出页面,该页面也有分页...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.