We help IT Professionals succeed at work.

Angular

724

Solutions

462

Contributors

Angular is a JavaScript open-source web application framework used to develop single-page applications. It aims to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller (MVC) and model–view–view-model (MVVM) architectures, along with components commonly used in rich Internet applications. Angular is the front-end part of the MEAN stack, together with Node.js runtime, Express.js backend framework and MongoDB database.

When you click edit the form is filled with values. When you click clear the edit button stops adding value. something breaks.
http://jsfiddle.net/sevensnake/00bfoktc/2/
0
I have a button when click it passes json data of everything within the table. I am trying to click in one controller and use a service to pass the data into the form controller.

<div class="col-md-7" ng-controller="LoadingmemberTable">


 <div  ng-controller="Controlclickevent">
 <tr ng-repeat="member in members">
                               
                                <td>
                                    {{member.name}}
                                </td>
                                <td>
                                    <button class="btn btn-primary btn-xs" ng-click="EditMember(member)">Select</button>
                                </td>
                              
                            </tr>
                        </tbody>
</div>
 <div class="col-md-5" ng-controller="formMember">
<div class="form-horizontal">
                            <fieldset>
                                <legend>Member Info</legend>
                                <div class="form-group">
                                    <label for="Name" class="col-lg-2 control-label" style="text-align:left">Name</label>
                                    <div class="col-lg-10">
                                        <input class="form-control"  ng-model="member.name" name="name" id="inputName" placeholder="Name" type="text">
                                    </div>
                                </div>
                                <div class="form-group">
   

Open in new window

0
What is the latest technology for web development like patient portal (Health care product).
Is single page application preferable? Which one do you prefer.  It should be salable and better performance.
Our Target Technology: .Net Framework  >= 4.5 , HTML5, CSS3, Javascript, Dapper, Angular, Web Api, MSSql Server.
Our Target Platform: Windows, Mac.
Our Target Devices :  desktop, Tablet, mobile

Presentation Layer
Which css framework do you prefer for large scale application. Like Bootstrap, Foundation, Materiel Design,
Which Third parity controls do you prefer for UI development. like infragitics, Telerik, etc (especially grid control)
Which javascript framework is good for large scale framework. like Angularjs, Ember, Winjs, Extjs, or javascript native code, etc..

Service Layer
Which identity provider do you prefer for small and large scale application.
Which one do you prefer for rest service?  WCF / Web Api.
How to secure Rest service other than SSL. (Message level Security)

Data Access Layer
Do you prefer any ORM for Data access layer (MS Sql server - Express edition  ) like Dapper, Entity Framework, Nhibernate, or pure Hand code ?
0
Hi, am about to begin a startup web development project and looking at the wealth of Javascript frameworks and APIs ... its daunting and  overwhelming. Am coming from C# and .NET development background last couple of years ... the last time I delved with web development was 8 years ago with basic php, python and core Javascript only.

So some basic questions for those with recent web development experience:
1. build systems - grunt or gulp?
2. is bootstrap still the best frontend page dev for multiple devices ?
3. Sass or Less??
4. framework - backbone, angular, react or ember?? do I even need one?
5. need for dependency management (i.e. browserify)??
6. why node.js?
7. mongoDB vs MySQL?
8. best IDE for all the above javascript web development?

Thanks so much.
0
I want to create a form to upload name and a file.
I have managed to get it working, but not sure how to get success / error...

here is the code which works:

var app = angular.module('app', ['onsen', 'ngRoute']);

app.controller('page1', ['$scope', 'multipartForm', function($scope, multipartForm){
    console.log("Page 1 Controller");
    $scope.title = "Welcome";

    $scope.file_changed = function(element) {
        var photofile = element.files[0];
        var reader = new FileReader();
        reader.onload = function(e) {
            $scope.$apply(function() {
                $scope.prev_img = e.target.result;
            });
        };
        reader.readAsDataURL(photofile);
    };

    $scope.form = {};
    $scope.Submit = function(){
        var uploadUrl = 'api/process2.php';
        multipartForm.post(uploadUrl, $scope.form);
    }
}]);

app.directive('fileModel', ['$parse', function($parse){
    return {
        restrict: 'A',
        link: function(scope, element, attrs){
            var model = $parse(attrs.fileModel);
            var modelSetter = model.assign;

            element.bind('change', function(){
                scope.$apply(function(){
                    modelSetter(scope, element[0].files[0]);
                })
            })
        }
    }
}])



app.service('multipartForm', ['$http', function($http){
    this.post = function(uploadUrl, data){
        var fd = new FormData();
        for(var key in data)
            fd.append(key, 

Open in new window

0
Hello ,
               I am working on a project in Angular JS . We have developed an API (.Net MVC WebAPI with oAuth Authentication ) for any sort of Data,Business logic and server side stuffs . Angular Web App and Mobile apps consume This api for their data needs . I want to know the Best approach i should follow for API Security .

My Concerns

1. Angular JS is client side framework and keeping any secure data (credentials/Encryption Keys ) for authenticate Every API Request from Client App/ Mobile App are not secure enough.

2. This API also has few methods which i have to use without login (public) like

            A. Register a User
            B. Creating A Retail Order and payment .

How can these methods be protected without any authentication ?

3. How can i secure my information passing from Angular App To API like Credit card details ? Is using HTTPS enough secure ?

What Currently we are doing
i have review so many articles and Found oAuth 2.0 is best with JWT which i am currently using too but currently we issue token only after Login page so Secure pages and api methods going well and pubilc methods are still public .

please help

Thanks
0
hi. Ok I am returning json data but i am not able to view it. I tryied everything. but I can view the json object when I put {{members}} but cannot view it when i put {{members.name}}
Also when I do return comes up undefined and i receive at least 20 blank rows. weird
my controller
app.controller('cvGetMem', function ($scope, $http, toastr, memberRepository) {
    angular.forEach(memberRepository, function (value) { $scope.getmemberlist = value });

Open in new window

my repository
app.factory('memberRepository', function ($http, $q) {
return {
              get: function() {
            var deferred = $q.defer();
            $http.get('MemberList/GetMembers').success(deferred.resolve).error(deferred.reject);
            var member = {};
            return deferred.promise;
}
}
});

Open in new window

my View
<div ng-app="app">
<div>
    <div class="well"><h4>Edit Members</h4></div></div>
    <div class="row">
       
     
           <div class="col-md-7"  ng-controller="cvGetMemberListGrid">
       
               {{members}}
                    <div  style="margin-bottom:150px;">
                        <div class="form-group">
                            <label class="col-lg-2 control-label" style="white-space: nowrap; font-size:22px; padding-bottom:50px;">Select Member</label>
                            <div class="col-lg-7">
                                <select class="form-control"  id="select"   ng-model="ame" ng-options="item.memberId as item.name for item in 

Open in new window

0
Most of my experience in development is with pages that have finite amounts of content.  I have an app in mind, however, where the amount of data delivered is indeterminate and could be rather large.  So, I'd like to look into incremental page loading (you know the systems where if you are only looking at X amount of screen real estate - only that amount is loaded...whereas if you scroll further down it incrementally grabs more data dynamically).

Can someone point me in the right direction on how to begin approaching that?

I get the impression that Angular is more adept at that type of thing - but I'm inclined to use JQuery if possible due to other elements of the project being based around it.  Is it simply a bunch of AJAX calls based upon scroll position?  Is all of the relevant data loaded at once and the JS just renders it out as needed - or do you write the backend to deliver in predetermined increments?

Any help would be greatly appreciated!
0
Hi,

I have three domains:

1. Domain A [Symfony 2.7 API Endpoints only]
2. Domain B [Angular APP]
3. OpenId provider

If user logs in into Domain A via Open Id, how can I set the session in Domain B. Right Now when I am trying to set the session via Angular APP, it just stays for very same request, as soon as I refresh the page Session expires.

I have this in my config.yml

    session:
        # handler_id set to null will use default session handler from php.ini
            name: nandan_sess
            cookie_httponly:  false
            cookie_lifetime:  86400
0
Hi

I am using bootstarp, angularjs c# mvc in my application.

I see there is some information appId whose value is e.g. $%@#$*($% which gets rendered on the page(view source).

How can I mask it and still keep it working?

This appId is used to make webservice request to third party.
0
Hello,

i want do a chat like facebook. I know to do that, i need to use technic of polling. But when i search in Web, there is many way. I want to know the best to do that.
I see with Jquery, it is possible to do Timeout/ajax to refresh the page and get data i want. But with timeout, there is many request and i don't think it is the best way to do that.
I heard angular  but never try.

Thanks to help.
0
Hi Sir,

In my Angular Application i used local storage. when i logged in the app then i closed the browser with out logoff.Then i again i open the browser  with my app URL.it is showing prev. logged in section only.i want when i closed the browser cross mark then it need to be clear . not closed when  i closed Browser tab.
0
I've got an online service that I developed a number of years ago with a fair number of customers on it.  When I originally developed it - Flex/FlashBuilder RIA sites were in vogue - and that's what I developed it in.  I've been reluctant to rework it simply because I'm busy with other things - and it's still functional for it's purpose.  It's desktop - nobody worries about mobile for it - etc...so the fact it had a Flash based UI was sufficient for the time being.

However - as you know - that's changing.  So - I'm going to have to bite the bullet and rework the site.  I'd like some input on what to do it in.

Here's the general layout/functionality:

outline.jpg
A, B and C are panels.
C is an accordion - which serves as a media bin with the accordions set by media type.
B & C are a lists of items collected via a RESTful API (delivered via JSON).

User selects media files from C and drags them to B, to append items to the list.  When items are dragged/dropped - the results are logged into a database via that same API.

---

I'd like to keep that drag/drop functionality - although if it turns out to be too big of a hassle I suppose I could just append buttons to the individual media file list items.

Given all that - if you were starting that out from a fresh perspective - would you do it via jQuery or Angular?

Thanks!
0
All,

I'm trying to create a page where I basically have list of links to PDF files and an iframe. When a user clicks on a link I want that PDF to be displayed in the iframe. I'm using angularjs for the page and when a user clicks on a link I simply reset the src attribute of the iframe to point to the selected PDF. This seems to work fine in some browsers but IE insists on asking me if I want to open or download the file.

Is this something that can be overridden? Can I force all browsers to open the PDF directly in the iframe or is this a browser setting?

Regards
Daniel Södling
1
i am trying to load the angular js files in the folder Scripts\app with RequireJS, but receive the error. Need help.

Thanks

Here is the file structure:
Scripts
  | --app
      | --helper
             |--demo.js
      |--app.js

  |--angular.js


Here is my code:

BundleConfig.cs:
public class BundleConfig
{
      public static void RegisterBundles(BundleCollection bundles)
      {
            //......  jquery, css, etc.
            bundles.Add(new ScriptBundle("~/bundles/app").IncludeDirectory("~/Scripts/app", "*.js", true));
      }
}

main.js
require.config({
    shim: {
        jquery: {
            export: '$'
        },
....................
        angular: {
            exports: 'angular',
            deps: ["jquery"]
        },
        angularApp: {
            exports: 'angularApp',
            deps: ['angular']
        },

        global: { deps: ["jquery"] }

    },
    paths: {
        jquery: ['//ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0',
          // fallback to local jQuery
          //'libs/jquery'
          'jquery-2.1.0.min'
        ],
        angular: 'angular',

        // Add a random query string to the URL to ensure we always get the latest.
        // I have tried to use '/bundles/app' also, it does not work
        'angularApp': '/bundles/app?',

    }
});
// Require Global dependencies
require(['jquery', 'jquery.validate', 'jqueryui', 'global',
    'datatables', 'jquery.tableTools',
    'bootstrap',
    'angularApp'
], function ($, jqvalidate, …
0
I have page where I'm running the angular.js on-page

I noticed that the menu became unresponsive and then when I built the functionality none of the buttons react either

After looking at the code and doing a lot of trial and error I found out that it was the declaration of the module that caused this to happen

Any idea what can be wrong ?


<body ng-controller="UpdateUser" style="background:#000;"> - when I have the ng-controller set to UpdateUser anything I click on the page becomes unresponsive or doesn't do what it's supposed to do - i.e. menus etc just doesn't resond
0

Angular

724

Solutions

462

Contributors

Angular is a JavaScript open-source web application framework used to develop single-page applications. It aims to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller (MVC) and model–view–view-model (MVVM) architectures, along with components commonly used in rich Internet applications. Angular is the front-end part of the MEAN stack, together with Node.js runtime, Express.js backend framework and MongoDB database.

Top Experts In
Angular
<
Monthly
>