JSFiddle - React, Tailwind, and code Playground

by why520crazy

HTML

<div ng-app="mod" ng-controller="myCtrl" class="div">Hello,{{helloword}}
    <br/>
    {{zhanglei}}
    <input type="text" ng-model="helloword" />
    <a ng-class="{1:'btn',2:'btn-p'}[helloword]">wwww</a>
    <ul>
        <li zhang=”“ ng-repeat="item in items">
            <ng-include src="'tpl'" />
        </li>
    </ul>
    
    <script type="text/ng-template" id="tpl" >
        <div ng-init="item1 = item">
            {{item1.name}}
        </div>
        
    </script>
</div>

CSS

.div {
    border:1px solid red;
    margin:20px
}
.btn{
    color:red
}

.btn-p{
    color:#000
}

JavaScript

function myCtrl($scope) {
    $scope.items = [{name:'123',id:1},{name:'456',id:2}];
    $scope.zhanglei = "zhanglei";
}
var mod = angular.module('mod', []);