Master Angular for production apps. Learn components, templates, reactive forms, routing, state management, HttpClient, RxJS, testing, performance, and SSR. Follow patterns for modular architecture, accessibility, internationalization, and CI/CD-ready deployments.
4,465 posts1,098 contributors
Can anyone help in solving this issue:: I am performing crud operations using angular js, bootstrap and asp.net mvc i.e (Single Page Application SPA) I am using only one view during this process with four div tags in it having the id's : create, insert, update, delete. The problem is: please tell me how to hide the rest of the three(view i.e div tags insert, update , delete) when I am working on create... and the same in remaining cases
Why data showing time is long by AngularJS in MVC 4 using Razor Syntax? In my code, loading time is long in showing data in the userList when ng-click. Please answer me. View in MVC eg <tr ng-repeat="n in user" ng-click="GetDataybyID(n.ID,n.Name,n.Description,n.Remark)"> <td>{{n.Name}}</td> <td>{{n.Description}}</td></tr> <tr ng-repeat="user in userList "> <td>{{user.Employee_No}}</td> <td>{{user.Employee_Name}}</td> <td>{{user.Position_Name}}</td> <td>{{user.Department_Name}}</td> </tr> Method Calling using AngularJS $scope. GetDataybyID = function (ID, Name, Description, Remark) { $http.get(' GetData ', { params: { userId: ID } }).success(function (data) { $scope. userList = data; if (data.length == 0) { } else { } }).error(function () { $scope.error = "An Error has occured while loading posts!"; }); }; Method in C# public JsonResult GetData (int userId) { var empListbyID=(from e in db.tbl_Employee.AsEnumerable() select new { e.Employee_No, e.Employee_Name, p.Position_Name, d.Department_Name}).ToList(); retu
i Want to open a partial view in modal on click of Angular ui grid cell template href = @url.action please some one can help me.
Hi everyone, should i fetch data into repeater using Ajax Angularjs in ASP.NET? then how
Can any one explain whether Angular js html attributes can be used with Asp.net controls and third party controls like telerik. Please give me some suggestion..
i am trying to do single page crud operation with ui grid but it doesnot refresh same page after post
map.on('click', function (e) { geocodeService.reverse().latlng(e.latlng).run(function (error, result) { }); });
hi guys i used angular datatable i completed every thing but am getting some Error which showned by image below .how to rectify this Error Error: [$injector:modulerr] Failed to instantiate module MyApp due to: Error: [$injector:modulerr] Failed to instantiate module datatables due to: <html> <head> @* CSS *@ <styles> <link href="~/Content/bootstrap.css" rel="stylesheet" /> <link href="~/Content/DataTables-1.10.12/media/css/jquery.dataTables.css" rel="stylesheet" /> <link href="~/Content/DataTables-1.10.12/media/css/jquery.dataTables.min.css" rel="stylesheet" /> </styles> <scripts> <scripts src="~/scripts/jquery-1.9.1.js"></scripts> <script src="~/scripts/DataTables-1.10.12/media/js/jquery.dataTables.js"></script> <script src="~/scripts/angular.js"></script> <script src="~/scripts/src/angular-datatables.js"></script> <script src="~/scripts/myApp.js"></script> </scripts> @* JS for angularJS and Datatable *@ <div
How to pass both MinValue and MaxValue in ng-true-value... For Eg:MinValue:5000 MaxValue:10000 <div ng-repeat="Price in PriceFilter"> <div class="item"> <input type="checkbox" ng-model="FilterSearch.istrPrice[$index]" ng-true-value="'{{}}'" ng-false-value=" ' ' " /> <label style="font-size:12px;margin-left:6%"> {{Price.MinValue}} {{Price.seperator}} {{Price.MaxValue}} </label> </div> </div>
hi... which is better to use angularjs or jquery for small web application ? and why ? what kind applications we can develop in angularjs? Thanks ,
i have designed a main form with textbox and button(when button is clicked modal popup must open).inside modal popup there are two text boxes and a submit button.i am performing subtraction operation inside modal popup. after submit button is clicked inside modal popup,modal popup is closed and result must be shown in textbox which is on the main form and also a new row will be added automatically with a button and a textbox(with out effecting previous textbox result).the problem is when submit button is clicked inside popup, the result is showing same in main form textbox and also added row text box(i.e effecting the previous row).can any one solve my problem here is the code here is js fiddle code enter code here https://jsfiddle.net/c7uL0pnw/1/
I have designed a form in angular js with modal popup.Inside modal popup two textboxes and a button.i want to perform subtraction of two numbers.After submitting a button inside modalpopup, the Subtraction result must be shown in textbox which is designed in main form and also next row should be generated automatically with textbox and a button.The problem is after calculation the result is showing same for main form textbox as well as in automatic generated text box. i m attatching code below.can any one solve my problem? //angular code: var app = angular.module("myApp", []); app.controller('myCntrl', function ($scope) { $scope.rows = [ { column1: 'first row', column2: 'second column of first row', column3: false } ]; $scope.Addrow = function () { alert("hi"); $scope.rows.push( { column1: 'row #' + $scope.rows.length, column2: 'this is new', column3: true } <div i
hi friends, i i tried for download the pdf file using angularjs but its not working can anyone please tell me and if you know this please modify and reply me guys this is my code: <div ng-controller="appController" ng-app="app"> <a ng-href="C:\Users\mvijayan\Documents\Visual Studio 2015\Projects\AngularjsTraining\AngularjsTraining\Pdf\ID DocLink Programmer Reference.pdf" download="file.pdf">Hi guys, Please download this pdf file and start Your season</a> </div> download is working but file inside network Error ha came .please share me friends
@{ ViewBag.Title = "ViewRegion"; Layout = "~/Views/Shared/_Layout.cshtml"; } <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" ng-app="regionApp"> <head lang="en"> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>View Region</title> <!--Angular References--> <script src="~/scripts/angular.min.js"></script> <script src="~/scripts/angular-route.min.js"></script> <script src="~/scripts/angular-touch.min.js"></script> <script src="~/scripts/angular-animate.min.js"></script> <!--Ui Grid --> <script src="~/scripts/ui-grid.min.js"></script> <!--Export UiGrid References--> <!--App Angular References--> <link href="~/Content/assests/css/bootstrap.min.css" rel="stylesheet" /> <link href="~/Content/assests/css/style.css" rel="stylesheet" /> <!--ui Grid Style Reference--> <link href="~/Content/ui-grid.min.css" rel="stylesheet" /> </head>
i cannot solve this Error i pass all the file inside the package.json but error has came while i am using that file .example i have given screen shot please let me know that answer why the error has came <img src="/forums/uploadfile/26db32/10132016082422AM/Error.png" border="0" alt="" width="1024" height="575" />
angular-quickstart app app.component.ts app.module.ts main.ts node_modules ... typings ... index.html package.json styles.css systemjs.config.js tsconfig.json typings.json hi guys am a beginner in angular2 ,i dont know how to install the node module inside my project .you guys can see that project structure .i have the doubt over there i completed everything except this Node module .actually what is node m
angular . forEach ( values , function ($http , $scope ) <pre style=" 0px; 1em; 5px; 0px; font-size: 13px; auto; max- 600px; overflow: auto; font-family: Consolas, Menlo, Monaco, "Lucida Co
Here my requere ment is when my $http is loading untill that i want to show Loadingbar like when we authenticate Gmail before loading inbox it shows loading......Like that i need if any one known any video or any documention link please send me Thank You
i have this instruction : $scope.receiver = msg; $scope.receiver contains a json data format i want to display receiver.firstname but does'nt work Why ??
in the file attachment there is a variable calles X Xcontains a json data, i want to get this variable and load it from the controller for display it
i want to retrieve data from 'data.json' for include it to my Datatable you will find the project in attachment Thanks
I need details for what are the mac os is not support for angular js project and what are os is supporting to angular js project. Not supporting in Mac: MacBook Pro OSX El Capitan – 10.11.6 Tablet: Air2 – iOS 10.0.1