Adding Controls Dynamically in AngularJS

Anonymous User 2270 29 Feb 2016

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

Ask by Anonymous User

Updated 29 Feb 2016

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>

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md

forum

Adding Controls Dynamically in AngularJS

Can you answer this question?

1 Answers