別の値に基づいて角度を変えて表示する

申し訳ありませんが、私が達成したいことを正しく行う方法がわかりませんが、それはほとんど問題です。私は答えが簡単で、私は文法が欠けていると確信しています...別の値に基づいて角度を変えて表示する

私はイメージタグをAngularでオブジェクトに結び付けています。オブジェクトには2つのプロパティがあります.1つは「FileName」で、イメージの名前を含みます（myimage.jpgなど）。もう1つは "FilePath"であり、ここで問題になります。 FilePathには実際のパスが含まれていないため、番号があります。ですから、例えば：

22 = /画像/ 43 = /写真/ように 66 = /サムネイル/

と。だから私はこのような何かをしたい、私のイメージタグで：ファイルパスがパスではありませんので、

<img src="FilePath + FileName" /> (Yes I know that's not valid syntax)

しかし、私はそのようなスイッチやAN場合またはのコンバータ/フィルタタイプとして、方法のいくつかの並べ替えを必要とします私は番号から正しいパスを決定して、それをイメージ名に結びつけることができます。

それは意味がありますか？

出典

2016-07-20 Todd Davis

関数を使用して、数値を正しいパスに変換して返します。

angular.module('app', []) 
 
    .controller('appCtrl', function($scope){ 
 
    $scope.imgPath = '23'; 
 
    $scope.imgSrc = 'FileName' 
 
    $scope.getPath = function() { 
 
     switch($scope.imgPath) { 
 
      case '23': return '/images/' 
 
      case '43': return '/photos/' 
 
      case '66': return '/thumbnails/' 
 
     } 
 
    } 
 
    });

<!DOCTYPE html> 
 
<html ng-app="app"> 
 

 
    <head> 
 
    <script data-require="[email protected]" data-semver="1.5.7" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <script src="script.js"></script> 
 
    </head> 
 

 
    <body ng-controller="appCtrl"> 
 
    <img ng-src="{{getPath() + imgSrc}}" /> 
 
    <h1>{{getPath() + imgSrc}}</h1> 
 
    </body> 
 

 
</html>

出典

2016-07-20 17:45:37 xyclos

別の値に基づいて角度を変えて表示する

答えて

関連する問題