javascript - 在 AngularJs 中显示响应的 Div

Question

问题问题--

我在 AngularJs 中有一个 Controller ，它执行 $http.get 并作为响应获取数据(其中还有 HTML DivID 和 .Class)。我如何从响应中获取此 DivID 并传递到 AngularJs 中的 View ？

我的代码----

Controller .js

  $scope.init = function(){
            console.log("I am working")
                UserService.signIn()
                    .success(function (response) {
                        console.log(response) //this display everything such as divID and .Class
                        //Want this divID and pass it to my view
                    })
                    .error(function (status, data) {

                    })

        };$scope.init();

服务.js

(function() {
    var UserService = function($http) {

        var urlBase = 'http://www.corsproxy.com/myWebsite.com';
        var factory = {};

        factory.signIn = function() {
            return $http.get(urlBase);
        };
        return factory;
    };

    UserService.$inject = ['$http'];

    angular.module('app').factory('UserService',UserService);

}());

Answer 1

我假设您想要做的是渲染返回的 html，而不是在 UI 中打印 html 内容。

在这种情况下，您可以使用 ngBindHTML指令如

var app = angular.module('my-app', ['ngSanitize']);

app.controller('MyController', ['$scope',
  function($scope) {
    $scope.myhtml = '<div class="myclass">some content</div>'
  }
])

.myclass {
  color: red;
}

<script src="https://code.angularjs.org/1.2.9/angular.js"></script>
<script src="https://code.angularjs.org/1.2.9/angular-sanitize.js"></script>
<div ng-app="my-app" ng-controller="MyController">
  <div>{{myhtml}}</div>
  <div ng-bind-html="myhtml"></div>
</div>