将 $scope 变量暴露给 ng-switch

Question

这是一小段代码，我试图根据 json 的 "type" 键呈现我选择的 HTML。不幸的是，我在执行代码时没有看到任何错误，也没有得到所需的 HTML.

我对Angular

很陌生

<html>
<head>
<title></title>
</head>
<script 
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js">
</script>
<body> 

<script>
var app = angular.module('MyApp', [])
app.controller('MyController', function ($scope) {
$scope.GenerateTable = function () {
$scope.Customers = [
{type:'email', name:'email',value:'',placeholder:"Your email here",required:true},
{type:'text', name:'password',value:'',placeholder:"Your password here",required:true},
{type:'number', name:'firstname',value:'',placeholder:"Your firstname here",required:false,min:"10",max:"100"},
               ];
$scope.IsVisible = true;
        };
    });
</script>
<div ng-app="MyApp" ng-controller="MyController">
<input type="button" value="Generate Table" ng-click="GenerateTable()" />
    <hr />
    <div ng-repeat="m in customers">
    <div ng-switch="m.type">
    <div ng-switch-when="text">
        <h1>Hello</h1>
        <p>Hello World.</p>
</div>
</div>
</div>
</div>
</body>
</html>

Answer 1

希望对你有所帮助

    <html>
   <head>
      <title></title>
   </head>
   <script 
      src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
   <body>
      <script>
         var app = angular.module('MyApp', [])
         app.controller('MyController', function ($scope) {
            $scope.GenerateTable = function () {
                $scope.Customers = [
                    {type:'email', name:'email',value:'',placeholder:"Your email here",required:true},
                    {type:'text', name:'password',value:'',placeholder:"Your password here",required:true},
                    {type:'number', name:'firstname',value:'',placeholder:"Your firstname here",required:false,min:"10",max:"100"},
                        ];
                $scope.IsVisible = true;
                 };
            });
      </script>
      <div ng-app="MyApp" ng-controller="MyController">
         <input type="button" value="Generate Table" ng-click="GenerateTable()" />
         <hr />
         <div ng-repeat="m in Customers">
            <div><input type="{{m.type}}" value="{{m.Name}}" placeholder="{{m.placeholder}}" required="{{m.required}}" /></div>
         </div>
      </div>
   </body>
</html>

将 $scope 变量暴露给 ng-switch

Exposing $scope variable to ng-switch

html

angularjs

angularjs-ng-repeat

ng-switch