Adding Controls Dynamically in AngularJS

Anonymous User 2195 29 Feb 2016

we want to Adding Controls Dynamically in AngularJS.how to use this please help me.

Anonymous User

Other

I am a content writter !

1 Answers

Anonymous User 29 Feb 2016

@{
    Layout = null;}
<!DOCTYPE html>
<html>
<head>
    <title>Forum</title>
    <meta name="viewport" content="width=device-width" />
    <script src="~/Scripts/jquery-1.9.1.js"></script>
    <script src="~/Scripts/angular.js"></script>
     <script type="text/javascript"> 
        var ng = angular.module('myapp', []); 
     ng.controller('controller', function ($scope) {  
         $scope.rows = [];
         $scope.rows.push({
             FirstName: "Fist Name",
             LastName: "Last Name",
             IsActive: true
         });
         $scope.addRow = function () {  
             $scope.rows.push({  
                 FirstName: "Fist Name",  
                 LastName: "Last Name",  
                 IsActive: true  
             }); 
         };  
     });
 </script> 
</head>
 <body ng-app="myapp"> 
        <div ng-controller="controller" style="border:5px solid #E4E2E2;width:500px;">  
            <button ng-click="addRow()" style="color:red;font-size:18px;">Add New Row </button>           
            <div ng-repeat="row in rows">                
                <input type="text" placeholder="{{row.FirstName}}">   
                <input ng-class="{'blockInput': !row.IsActive}" placeholder="{{row.LastName}}" type="text"> 
                <input type="checkbox" name="check" value="inline">IsActive              
            </div>  
            <br/>  
        </div>  
    </body>  
</html>

forum

Adding Controls Dynamically in AngularJS

Can you answer this question?

1 Answers