1回答
我有一个用angular定义的简单列表：
defaultPointer.list=[
{name:'Scott',age:29,img:'http://localhost/learn/angular/img/1.jpg'},
{name:'Steve',age:19,img:'http://localhost/learn/angular/img/2.jpg'},
{name:'Ben',age:39,img:'http://localh
浏览 0提问于2016-12-14得票数 0
我在div中有一个img标记，我想使用ngClass来镜像。当我在img标记中使用ngClass时，我得到了一个错误:无法绑定到“ngClass”，因为它不是“img”的已知属性
我的component.ts文件：
imgFlipStyleY = 'img-defaultY';
flipY(){
if(this.imgFlipStyleY == 'img-changeY') {
this.imgFlipStyleY = 'img-defaultY';
} else {
this.imgFlipStyleY
浏览 4提问于2022-05-28得票数 -1
我试图读取JSON文档中的数组长度，但是每当我将字符串硬编码时，它就能工作，但是当我将字符串从外部源获取并解析到var中时，它就无法工作。有人能帮我吗
下面是.js文件的源代码
var app=angular.module('product',[]);
app.controller('ProductCtrl',['$scope','$location','$http',function($scope,$location,$http) {
var url=$location.absUrl();
var baseurl
浏览 4提问于2015-05-04得票数 0
如何查找以下错误报告的错误？
GET http://localhost:8080/img/%7B%7BCurrentPage.img%7D%7D 404 (Not Found) angular.js:2763
r.html angular.js:2763
S.(anonymous function) angular.js:2810
(anonymous function) angular-ui-router.min.js:7
N angular.js:6711
g angular.js:6105
(anonymous function) angular.js:6001
j angular-u
浏览 0提问于2014-10-08得票数 18
回答已采纳
3回答
我已经创建了这些div作为按钮来重定向到不同的站点页面，由于某种原因，我无法让它们并排放置。我已经尝试了所有的东西，包括柔性盒，我似乎不能同时得到div。我做错什么了。
有更简单的方法来完成我想要完成的事情吗？或者这是一个简单的容易的错误，我看了看。
html, body {
margin: 0;
height: 100%;
}
.img_container {
border: none;
width: 70%;
padding: 10px;
height: auto;
display: block;
justify-cont
浏览 5提问于2020-10-23得票数 0
回答已采纳
我正在做一个angular2项目，它涉及到直接从数据库加载图像(base64编码)。在angular1中，可以简单地加载它，如下所示：
<img data-ng-src="data:image/jpg;base64,{{entry.img}}" />
其中entry.img是原始图像数据。但是，我不知道如何在angular2中做到这一点。我试过了
<img [src]="data:image/jpg;base64,{{entry.img}}" />
但这并不起作用，因为angular仍然试图从URL加载图像。
浏览 0提问于2016-03-10得票数 12
回答已采纳
我已经创建了一个带有图形的SharePoint站点的登陆页面。我已经注意到，当将浏览器窗口调整为平板或移动设备之类的窗口时，页面/图形无法响应并调整大小。
我偶然发现了一些与我的问题有关的帖子，但没有一篇文章对我很有帮助。
下面是我的HTML/CSS：
html, body {
margin: 0;
height: 100%;
}
.img_container {
border: none;
width: 70%;
padding: 10px;
height: auto;
display: block;
justify-con
浏览 2提问于2020-10-26得票数 0
回答已采纳
1回答
我想在角8上加一个链接，但我不知道怎么做。
示例链接：
我使用routerLink还是app-routing.module？
<div class="background-color">
<h1>Mes Projets</h1>
<div class="parent">
<div class="div1">
<img class="img" src="/assets/img/catmash.jpg" alt="proj
浏览 1提问于2020-03-31得票数 1
回答已采纳
我正在尝试使用angularjs实现一个简单的图片库，这里我需要从json文件中加载图像并将它们显示在我的视图文件中，当我单击图像应该显示的选项卡时。
控制器
$scope.loadGallery = function(){
$scope.url = '/dev/images.json';
$scope.images = [];
$scope.imageCategories = [];
$scope.currentImage = {};
$scope.fetch = function () {
浏览 0提问于2014-08-11得票数 0
回答已采纳
我想使用Angular 2显示一个占位符图像。
在Angular 1中，我们可以使用ng-src并这样做，例如：
<img src="img/placeholder.jpg" ng-src="{{actualone.img}}">
但我不确定在Angular 2中做这件事的正确方法是什么。
有什么想法吗？
谢谢!
浏览 0提问于2016-04-11得票数 1
我在Angular 7中完美地使用了这个功能。我创建了一些图标，当我使用我为该图像设置的id单击fire showRel时。在更新到Angular 8而不是在我单击图像时触发之后，页面刷新时每个图像的所有showRel都会触发。你知道我做错了什么吗？ plot(id,mood,x,y,dt){
var img = document.createElement('img');
img.src ="/assets/img/"+ mood+ ".png";
img.style.position ="absolu
浏览 17提问于2020-06-12得票数 0
4回答
我将我的角7项目边栏添加到中，但是它不能工作，任何人都知道如何正确地添加它。
谢谢
sidebar.component.html
<ul class="nav">
<li routerLinkActive="active" *ngFor="let menuItem of menuItems" class="{{menuItem.class}} nav-item">
<a class="nav-link" [routerLink]="[me
浏览 1提问于2019-03-22得票数 2
回答已采纳
我的组件中有一个数组
this.myArray = [
{
img: '/path/to/myImage.svg',
title: 'My Image'
}
]
我在模板中使用它来呈现一个列表
<div *ngFor="let item of myArray">
<img src="/path/to/myImage.svg"> --> This works
<img [src]=
浏览 0提问于2021-01-20得票数 0
我仍然在尝试学习高级的Angular 5，下面的代码确实像预期的那样将数组中的"id“数字输入到url中，但是当我转到model/1时，它显示了数组中的所有对象。我只需要看到id为1的对象，并且数组中的每个对象都是相同的。我在网上发现了太多相互矛盾的信息，从地图到查询，我甚至不知道该去哪里，我尝试过的一切都没有带来更好的结果。我已经包含了我正在使用的所有代码。
我的json文件中有一个对象数组-
[
{
"id": 1,
"label": "Metal Man",
"sample": "/a
浏览 1提问于2018-05-01得票数 0
2回答
我试图从一个数组中显示图像，该数组包含两个名为img和value的变量。我能够显示value，但不能显示img(即，e图像)，如下所示：
模板有什么问题？
下面是代码
<div class="container" *ngFor="let dog of dogs">
<div class="section">
<p id="name">Dogs:</p>
<img class="dog-img&
浏览 2提问于2018-12-27得票数 0
回答已采纳
我试图在Angular4中使用ng2-img-tools包，但遇到了这个错误：
ERROR in Metadata version mismatch for module ~/client/node_modules/ng2-img-tools/dist/ng2-img-tools.d.ts, found version 4, expected 3, resolving symbol AppModule in ~/client/src/app/app.module.ts, resolving symbol AppModule in ~/client/src/app/app.module.ts
我
浏览 5提问于2018-01-09得票数 0
1回答
我不能在我的spinningElement上工作。对于指令，我有一个独立的作用域，但是由于它是内部的一个元素，我认为它应该能工作吗？
有人知道我做错了什么吗？
代码片段：
angular.module('lr.upload.directives').directive('uploadButton', [
'upload',
function(upload) {
return {
restrict: 'EA',
scope: {
浏览 4提问于2014-09-12得票数 1
回答已采纳
我目前正在为不同的断点(桌面、平板电脑、移动设备)加载多个图像，并通过它们进行ng-repeating，然后隐藏当前不应该显示的图像：
<img ng-repeat="img in module.imgs" src="{{img.src}}" class="image-{{img.type}}" style="top: {{img.pos}}px">
当一次只显示一个图像元素时，此ng-repeat会导致所有三个图像元素都作为元素加载。
desktop.png GET 304 png angular.js:3151 2
浏览 0提问于2015-12-03得票数 0
当我将JavaScript注入到图像中时，会得到一个src错误。
<button ng-repeat="child in user.childArray" class="well" ng-click="selectChild(child);"><img src="{{child.childImage}}"><br />{{child.childName}}</button>
我将child.childImage作为img元素的src。当我这样做时，我会在我的控制台中得到以下错误。
浏览 7提问于2015-01-30得票数 0
回答已采纳
1回答
我正在为AngularJs编写一个自定义指令，它有一个基于我编写的Jquery插件( )的图像旋转器
这是我的指示
.directive('imageRotator', function () {
return {
restrict: 'A',
link: function ($scope, $element, $attr) {
console.log('Before Function');
$element.j360();
cons
浏览 1提问于2014-01-17得票数 1
回答已采纳
1回答
我不明白为什么应用程序要执行多个ajax调用。
请看一下这个指令：
gameApp.directive('mapActivity', function() {
return {
restrict: 'A',
link: function(scope, element, attrs) {
scope.$watch(function(scope) {
angular.element('.click#1').addClass('dotted'
浏览 4提问于2014-08-20得票数 0
回答已采纳
angular.json中的baseHref参数是/iofrog/ +在i18n.locales中定义了7种语言，因此index.html中的最终baseHref是/iofrog/en。 在应用程序组件的css文件中，我有： background-image: url('~/assets/img/background.jpg'); 这被Angular 9 CLI转换为path /iofrog/assets/img/background.jpg .jpg，所以跳过了/en/！这是Angular CLI中的一个bug吗？ 我也试过了： background-image: url
浏览 25提问于2020-04-03得票数 2
我是redux的新手，正在编写一个简单的投票前端，允许用户在他们最喜欢的框架(Angular，React，Vue)上投票。当用户点击他们想要投票支持的框架时，我打算将商店中的投票增加1。
我正在使用combineReducers和connect来促进这一点。但是，每次点击后，状态总是落后一票。一次投票后，该州的支持率为0。点击2次后，投票状态为1，依此类推。
这是我的index.js文件，我在其中创建了我的商店并渲染了应用程序
//index.js
const combinedReducers = combineReducers({
"votes": votesRedu
浏览 6提问于2017-12-01得票数 1
我有一个这样的角度组件： import { Component, Input } from '@angular/core';
@Component({
selector: 'picture',
templateUrl: './picture.html',
})
export class Picture {
@Input() pictureUrl: string;
} <img src="{{pictureUrl}}" /> 问题是，当pictureUrl输入属性更改时，Angular只会更改<im
浏览 16提问于2020-01-22得票数 0
我正在尝试将我的项目站点部署在h-页面上，这是webpack的angular2应用程序，我将基本url设置为回购名称，除了模板中的相对路径之外，所有内容都很好地加载，这就是我的意思
import {Component} from '@angular/core';
@Component({
selector: 'header',
template: `
<img class="fb-logo" [src]="fbLogo"/>
<img class="ang-logo
浏览 7提问于2016-08-20得票数 5
回答已采纳
1回答
我有一个问题，在Ionic 5与滚动在android。我找不到一种方法来禁用滚动弹跳效果，它是不可用的。
当您松开手指或到达列表的末尾时，它会反弹到开始，您无法正常导航。
Ionic CLI : 6.11.10 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.3.1
@angular-devkit/build-angular : 0.901.12
@angular-devkit/schematics
浏览 0提问于2020-11-21得票数 1
回答已采纳
我对Angular和构建一个照片灯箱作为一个学习项目是非常陌生的。有没有办法使用项目文件夹之外的图片？我尝试使用这里提到的Glob ()，并在.angular-cli.json文件中插入一个目录路径(见下文)，但都没有成功。这在angular-cli中是可能的吗？
"assets": [
"assets",
"assets/img",
"D:/training/img", // full path
"../../../
浏览 0提问于2017-10-12得票数 12
回答已采纳
我正在为Ionic 2开发一个应用程序，我正在用JSON拍照，我在console.log.However中列出了这些数据--它们没有在HTML.Error中显示(获取 404 (未找到))--我哪里出错了？
data-api.service.ts
import {Injectable} from '@angular/core';
import {Http,Response} from '@angular/http';
@Injectable()
export class DataApi {
private url = 'http://uko
浏览 1提问于2017-05-10得票数 0
溶液
感谢，hege-hegedus，，答案如下。把它应用到我的实际代码中，效果很好。
// NOTE : called from another service, but removed function wrap around and angular module setup for brevity sake
// article is serverObject
var articleInstance = new Article(article);
console.log(articleInstance instanceof Article)
// true
console.log(art
浏览 3提问于2015-12-19得票数 1
回答已采纳
我在试图解析这个标记时遇到了一个错误，基本上我需要在ng-click中使用一个表达式作为函数的参数，但是它不允许我。如果我不使用表达式，那么img src="{{image.media.m}}" ng-model="image.media.m"中的src将在单击相册img时被清除，导致图像消失。此错误导致我的saveToAlbum函数无法正常工作。
我想知道写这篇文章的合适方法是什么？为什么不允许这样做？
<ul class="images-list">
<li ng-repeat="image in image
浏览 1提问于2015-02-09得票数 2
回答已采纳
1回答
我在angularjs中有一个帖子请求，从我的后端得到一个字符串模式：
var tabledata = "";
$http.post("lib/action.php", {monsters: $scope.getMonsters}).success(function(data) {
tabledata = data; //Assign the pattern
}).error(function(data) { console.log("error"); });
然后在下面的函数调用中使用此模式：
$scope.result =
浏览 5提问于2014-08-21得票数 0
回答已采纳
2回答
我想使用下面的代码在HTML中打印这个JSON。我有点困惑。JSON中有嵌套的对象和数组项。有关这个问题的更多信息，您可以查看附带的JSon数据和ajax调用的代码片段。基本上，我试图从包含多个书籍和教程的json数据中创建一个书籍/教程循环。
如果json结构是错误的，或者可以写出更好的json结构，请建议一个正确的/更好的结构。
请帮帮忙
提前谢谢。
{
"main_heading":"Best Firebase Tutorials & Books",
"sub_heading":"Firebase is
浏览 2提问于2017-10-22得票数 0
在我的项目中，我需要使用滑块。为此，我找到了owl-carousel，并将其集成到我的angular项目中。并尝试将滑块的下一个箭头和上一个箭头放在滑块的左侧和右侧。但无法更改app.component.scss文件中的css样式。如何更改箭头的位置？ 这是我的app-component.ts文件 import { Component } from '@angular/core';
import {OwlOptions} from 'ngx-owl-carousel-o';
@Component({
selector: 'app-root'
浏览 59提问于2021-03-25得票数 0
1回答
角元数据版本错配
、、
我在我的项目中使用了角4和角cli，我只是在上传到我的防火墙存储之前安装了ng2-img-max来操纵图像，但是当我运行ng server时我得到了一个错误：Metadata version mismatch for module C:/Users/Migue/Desktop/weddingAngular/node_modules/ng2-img-max/dist/ng2-img-max.d.ts, found version 4, expected 3, resolving symbol AppModule in C:/Users/Migue/Desktop/weddingAngular/s
浏览 0提问于2017-12-14得票数 1
回答已采纳
我试图安装rxjs和img-查看器的离子，但它总是给我带来错误。为了更好地理解，我发布了shell的屏幕截图：
对于rxjs和img-查看器，它都告诉我img-查看器需要一个离子角@3.8.0的对等体。我有3.9.2版的离子角。这是我的package.json文件：
"dependencies": {
"@angular/common": "4.4.3",
"@angular/compiler": "4.4.3",
"@angular/compiler-cli": "4.4.3&#
浏览 0提问于2018-01-02得票数 1
在Angular1中，
<img ng-src="{{imageUrl}}">
如果imageUrl为空，这将隐藏损坏的图像图标。
但在Angular2中，两者都
<img src="{{imageUrl}}">
和ngSrc的等价物
<img [src]="imageUrl">
如果imageUrl为空，仍将小的破碎图像图标显示为图像占位符。
真正的区别是什么？
浏览 3提问于2016-11-26得票数 4
1回答
我正在开始学习Angular2 +
我的第一个组件名为Page1：
import { Component } from '@angular/core';
@Component({
selector: 'page-one',
template: `
<h1>Page 1</h1>
<img src={{img}} />
<br />
<br />
<a [routerLink]="['/page2']">
Go to pa
浏览 1提问于2018-10-02得票数 0
我无法加载图像后，从资产文件夹部署的角度应用程序的防火墙托管。(build )在本地主机上运行时，图像显示。所有其他的东西都装好了。这是我的软件包json：~6.2.0beta.2防火墙工具: 4.1.0
{
"name": "protocols",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": &
浏览 0提问于2018-08-15得票数 4
回答已采纳
我是Angular 2的新手，我感到困惑的是Angular 2是否知道所有的HTML标签？
我的意思是，如果在模板中有<code></code>，并且我们知道<code>是一个有效的HTML5元素，那么没有什么问题，但是如果我将元素更改为<codex></codex>，则在解析过程中会发生异常。
那么Angular 2只知道所有的HTML标签吗？我不能使用自定义标记(不是Angular指令)吗？
解析器如何决定在元素上给出一个错误？
顺便说一句，<img>是一个有效的HTML5元素，但是如果我使用<img>&l
浏览 9提问于2017-02-09得票数 0
回答已采纳
我想用AngularJS jqlite attr()替换所有损坏的img url，当这个损坏的url不存在的时候。我像这样使用它，但不会工作。
var app = angular.module('app');
app.controller('AdminCtrl',function($scope{
angular.element(document.querySelector('img')).attr("onerror","this.src='../assets/img/broken/broken-link.
浏览 4提问于2016-07-11得票数 0
2回答
我有一些问题集成我的物化旋转木马滑块在一个模式。我找不到这个问题，也无法通过google或materializecss网站找到可能的解决方案。所以我的问题是：
我创建了一个画廊，在这里你点击一个图像，你就可以打开一个带有完整宽度滑块的模式。打开模式效果很好，但我根本看不到模式中的图像。只有当我调整浏览器的大小时，图像才会出现。
我正在使用angular5，我在页面设计中使用materializecss。
(我知道有一个@angular/material和ng2-materialize npm包是更好的方法，但我刚开始用angular5开发，所以我想只学习一个新框架(angular5)，并将你已
浏览 2提问于2018-05-17得票数 1
3回答
离子2滑块锁
、、、、
我想锁定滑动功能(通过滑动屏幕)，它应该工作时，我点击按钮。
由于我对打字很陌生，所以我无法解释我该如何使它起作用。我在上找到了一些文档。
"lockSwipes(shouldLockSwipes)“我认为这是我需要的代码，但我不知道如何将它包含到我的IonicApp中。
HTML
<ion-slide>
<ion-item>
<img src="img/question.png (click)="goToSlide1()">
</ion-item>
</ion-slide>
<
浏览 5提问于2017-05-31得票数 3
回答已采纳
1回答
当我使用指令时会出现错误，在模块中会重复吗？
我想在许多模板中使用指令hacked-nav，
我将在许多模块中编写hacked-nav，
这个错误是指令名重复吗？
index.html:
<hacked-nav></hacked-nav> //this is directive
app.js:
angular.module('monitor')
.controller('hackMonitorCtr',['$scope', function($scope){
┊'use strict';
}])
.d
浏览 0提问于2015-08-03得票数 1
1回答
我是AngularJS的新手，我试图更新我的模型，之后用户点击img，这是我的代码：
<div class="col-xs-4 text-center"><a ng-model="user.plateforme" value="ios"><img src="ios.png" class="img-circle img-responsive"></a></div>
<div class="modal-footer">
&
浏览 1提问于2015-04-20得票数 0
回答已采纳
hy，当我用ng serve编译angular 4时，我有一个错误：
元数据版本不匹配时出错，因为模块/node_modules/ng2-img-max/dist/ng2-img-max.d.ts，找到版本4，应为3，正在解析/src/app/directive.module.ts中的符号DirectiveModule，解析/src/app/directive.module.ts中的符号DirectiveModule
我的package.json：
{
"name": "ldp-front",
"version": "0.0.0&
浏览 2提问于2018-10-17得票数 0
我是新来的JS和AngularJs。在我的控制器中有以下代码：
angular.forEach(resData, function(file) {
$('.shelfgallery').append('<div class="responsive"><div class="gallery">' + '<img id="img' + fotoId + '" src="' + file + '" alt="S
浏览 2提问于2017-04-26得票数 0
回答已采纳
1回答
模拟后端错误
、、、
尝试为angular 2应用程序创建模拟后端。我已经导入了所有需要的依赖项，但是我一直收到这个错误:从 pls help加载时出错"@angular/http/testing“
这是我的组件：
import { Component, ViewChild, ElementRef, AfterViewInit, NgModule, animate, state, style, transition, trigger} from '@angular/core';
import {BrowserModule} from '@angular/platform-br
浏览 1提问于2016-11-12得票数 0
我一直在研究如何简单地关闭单击图像后弹出的模式。我正在对angular使用bootstrap。
<img id="1" data-toggle="modal" data-target="#myModal" data-dismiss="modal" src='assets/barrel.jpg' alt='Text dollar code part one.' />
<div id="myModal
浏览 0提问于2020-02-18得票数 0
当我通读Angular教程时，我真的很喜欢它中的许多，但是“单击”不就等同于内联onClick吗？我的理解是，JavaScript社区认为HTML中的内联JavaScript事件处理程序是“糟糕的做法”。
<img ng-src="{{img}}" ng-click="setImage(img)">
很高兴知道为什么在使用Angular时，这不再被认为是“不正确的”。
来源：
浏览 0提问于2013-02-10得票数 50
回答已采纳
2回答
我有一个问题，包括图像，脚本或css在应用程序与angular2。我在文件夹/app-name/img/image.jpg中有图像，<img>标签在/app-name/src/app/my-component/my-component.component.html中
<img src="../../../img/image.jpg">
加载页面时，会得到错误:获取 404 (未找到)
如何在angular2中创建url地址？同样的问题是当我在index.html中添加脚本url时。
谢谢你的建议。
浏览 1提问于2017-05-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
