角度不能在手機上查找本地圖像

我正在嘗試將角度圖像加載到img標記中。當我輸入像'ImageMap.jpg'這樣的完整路徑時，圖像加載會直接在html中的src字段中找到。但是，當我在Angular中設置值時，它不起作用，它無法找到圖像。這發生在我測試的所有設備上，我在帖子底部包含了WP模擬器的屏幕截圖。我使用Cordova構建了應用程序。角度不能在手機上查找本地圖像

這工作

<img ng-src="ImageMap.jpg" class="stretch" ng-show="true">

這不

<img ng-src="{{ gifSource }}" class="stretch" ng-show="true">

我在控制器中的第一行設置的值

angular.module('ui.bootstrap.demo', ['ui.bootstrap']).controller('ModalDemoCtrl', function ($scope, $modal, $log) { 
    $scope.gifSource = "ImageMap.jpg";

這正常的瀏覽器，但不例如WP仿真器/設備。

我在我的HTML中添加了這一行，以檢查路徑是否已設置。該文件是在根文件夾的index.html沿

<b> Path: {{ gifSource }}</b>

WP Emulator

來源

2015-03-02 vixez

可能是一個愚蠢的問題，但你有沒有嘗試過在IE中測試它？可能更接近WP上使用的渲染/ js引擎，而不是Chrome。 – TZHX 2015-03-02 11:18:26

我正在運行Windows 10，由於某些原因IE不再工作，它只是不啓動：p 但是它在Android模擬器上是一樣的 – vixez 2015-03-02 14:28:39

我也有類似的問題，但我固定的定義後，應用程序價值的絕對路徑，並將該值變成「NG- src「屬性來達到所需的圖像。

例如：

var myApp = angular.module('myApp', ['ngRoute', 'myCtrl']); 

myApp.value("basePath", "http://localhost/my/path/images/");

，然後在控制器：

myApp.controller('myCtrl', ['$scope', 'ngRoute', 'basePath', function($scope, basePath){ 

    // Use basePath value to get url and concatenate it with image 
    $scope.basePath = basePath + 'myimage.png'; 

    }]);

通過這種方式，你可以通過整個應用程序內你的價值，你只需要以使用不同的改變圖像名稱圖片。

來源

2015-10-29 09:35:21 johannesMatevosyan

角度不能在手機上查找本地圖像

回答

相關問題