在angular.js中从我的控制器获取图像到我的html

时间:2014-07-13 11:21:24

标签: html angularjs controller

我似乎无法让图像显示出来。我究竟如何使用angular.js从我的控制器中获取它来获取它?我也在使用ui-router

标题显示,但不是图像。

控制器:

angular
.module('app')
    .controller('aboutCtrl', ['$scope', function($scope){
        $scope.title = "About",
        $scope.image = "images/myimage.jpg";
    }]);

HTML:

<h3 class="center">{{title}}</h3>
<figure class="image">
    <img ng-src="{{image}}" >               
</figure>

1 个答案:

答案 0 :(得分:1)

我认为你还没有通过控制器的参考。试试这个。

<div ng-app="app" ng-controller="aboutCtrl">

   <h3 class="center">{{title}}</h3>
   <figure class="image">
    <img ng-src="{{image}}" >               
   </figure>

 <div>