AngularJS users list التعامل من خلال المتصفح

Arabic HTML angularJS users list

Angularjs & users list & Dom

من خلال ربط المكتبة يمكننا التعرف على الخبايا الني يمكن من خلالها التعامل مع المتصفح و بداية اعطاء الاوامر مثل مسح او انشاء عضو جديد في المجموعة

Download Now

لمحة بسيطة على الكود و كيفية الاستعمال


            


  • User Name in our group: {{user.name}}

    Feel free to call: {{user.tel}} Address: {{user.address}}
    Remove User

Add New User


var members = angular.module('members', []).controller('listCtrl', ['$scope', function($scope){
	$scope.users = [
		{name:"Amro", tel:"0125478546", address:"lanklaar oudebaan"},
		{name:"Kiara", tel:"01201254446", address:"lanklaar oudebaan"},
		{name:"Jayden", tel:"346495466", address:"lanklaar oudebaan"},
		{name:"Asaad", tel:"04656569", address:"baghdad iraq"},
		{name:"khairy", tel:"01887695546", address:"Cairo egypt"},
	];

	$scope.add = function(){
		$scope.users.push({
			name: $scope.user_name,
			tel: $scope.user_tel,
			address: $scope.user_ades
		});
		$scope.user_name = "";
		$scope.user_tel = "";
		$scope.user_ades = "";
	};
	$scope.remove = function(index){
		$scope.users.splice(index, 1);
	};
}]);

  • AngularJS
  • Angularjs users list