向角度添加多个数据源

时间:2013-12-22 03:55:16

标签: angularjs cordova angularjs-scope angularjs-ng-repeat

这就是我在我的模型中所拥有的

// The contents of individual model .js files will be concatenated into dist/models.js

(function() {

// Protects views where angular is not loaded from errors
if ( typeof angular == 'undefined' ) {
    return;
};


var module = angular.module('myModel', ['restangular']);

module.factory('myRestangular', function(Restangular) {

  return Restangular.withConfig(function(RestangularConfigurer) {

    RestangularConfigurer.setBaseUrl('http://localhost/data');
    RestangularConfigurer.setRequestSuffix('.json');
    RestangularConfigurer.setRestangularFields({
      id: "my_id"
    });

  });

});


})();

这很好。但现在我有另一个json,我需要从中获取数据。我怎么能改变这个模型来寻找其他的json。我对角度非常新,并且仍在学习模型数据绑定的工作原理!

* 这就是我累了*

我的模特

var module = angular.module('FloorModel', ['restangular']);

module.factory('FloorRestangular', function(Restangular) {

    return Restangular.withConfig(function(RestangularConfigurer) {

        RestangularConfigurer.setBaseUrl('http://localhost/data/floor');
        RestangularConfigurer.setRequestSuffix('.json');
        RestangularConfigurer.setRestangularFields({
            id: "floor_id"
        });

    });

});


**my controller**


myApp.controller('FloorCtrl', function ($scope, $filter, FloorRestangular) {


    // Fetch all objects from the local JSON (see app/models/mdpocket.js)
    FloorRestangular.all('floor').getList().then( function(floors) {
        // Then select the one based on the view's id query parameter

        $scope.floor = $filter('filter')(floors, {floor_id: steroids.view.params['id']})[0];
    });

    // -- Native navigation
    steroids.view.navigationBar.show("Floor: " + steroids.view.params.id );

});

* 我的观点*

<div ng-app="myApp">

  <div ng-controller="FloorCtrl">
    <div class="topcoat-list__container">

      <ul class="topcoat-list">
        <li class="topcoat-list__item" hm-tap="open(floor.floor_id)" ng-repeat="floor in floors">
          Floor Name: {{ floor.name }}
        </li>
      </ul>

    </div>

  </div>

</div>

0 个答案:

没有答案