我需要使用AngularJS

时间:2016-04-20 17:00:19

标签: javascript jquery html angularjs json

我知道这个问题还有其他答案,但我需要以特定的方式做到这一点。我已经开始了,我几乎在那里,但需要一些建议。

所以这是我的控制器:

angular.module('dynamicForm.home-ctrl',[])
        .config(['$routeProvider', function($routeProvider){
            $routeProvider.when('/', {
                templateUrl: 'app/home/home.html',
                controller: 'HomeController'
            })
        }])
        .controller('HomeController', ['$scope','$http', 'fileName', function($scope, $http, fileName){
            $http.get(fileName)
                .then(function(response){
                    $scope.content = response;
                });

        }])

JSON字符串包含以下元素:

  [
    {
      "id": "1",
      "title": "First Name",
      "summaryTitle": "First Name",
      "sort": "100",
      "paramName": "fname",
      "type": "text",
      "image": "icon-Profile",
      "placeholder" : "ex. John",
      "required": true
    },
    {
      "id": "2",
      "title": "Last Name",
      "summaryTitle": "Last Name",
      "sort": "200",
      "paramName": "lname",
      "type": "text",
      "placeholder" : "ex. Smith",
      "required": true
    }
  ],

这是我的自定义指令 - >

.directive('dynamic-tag',[function() {

        var getTemplate = function (tag) {
            var template = '';
            if (tag.type === 'text') {
                template += angular.element(tag.title + '<br />' + '<input type="'
                    + tag.type + '" id="'
                    + tag.id + '" title="'
                    + tag.summaryTitle + '" name="'
                    + tag.paramName + '" placeholder="'
                    + tag.placeholder + '" required="'
                    + tag.required + '" /><br />');
            }
            return template;
        };
}]);

所以我想如何在我的模板中使用这个自定义标记,以便将每个新元素渲染为html元素。我应该使用ng-repeat吗?如果是,我是如何使用ng-repeat的?

如果可能的话,尽可能保持你的答案尽可能接近我的逻辑。

提前致谢! :)

P.S。 - &GT; JSFiddle - https://jsfiddle.net/jevccgxw/1/

1 个答案:

答案 0 :(得分:1)

在我的应用中测试后,这个for (void* address = (char*)tib->StackBase - sizeof(void*); address >= tib->StackLimit; address = (char*)address - sizeof(void*)) 将适合您:

directive

这是一个工作小提琴,修复一些错误并添加服务: https://jsfiddle.net/gy6kqq5w/

希望这可以帮助你,让我任何问题PLZ:)