forum

Home / DeveloperSection / Forums / Adding Controls Dynamically in AngularJS

Ask Question

Adding Controls Dynamically in AngularJS

Anonymous User 1870 29-Feb-2016
we want to Adding Controls Dynamically  in AngularJS.how to use this please help me.
angular js angular js 
Updated on 29-Feb-2016
Anonymous User

Anonymous User

Follow
I am a content writter !

Can you answer this question?

Answer

1 Answers

Anonymous User

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>
answer 415872902100839

Liked By