1

index.html 

<body ng-app="myApp" ng-controller="myCtrl">
    <div view-users id="viewuserdiv"></div>
</body>

Here is the angular js code to load the another html page into the div of id viewuserdiv.

var app = angular.module('myApp',[]);
app.directive('viewUsers',function(){
    return{
        templateUrl:"viewuser.html"
    }
});

here is my viewuser.html

<table>
    <thead>
        <td>User Name</td>
        <td>Mobile Number</td>
        <td>Action</td>
    </thead>
    <tbody>
        <td>Sam</td>
        <td>4562147554</td>
        <td><input type="button" value="View" id="updateUser" name="updateUser"></td>
    </tbody>
</table>

Now after view is loaded i need to load another view i.e; update.php when "updateUser" button is clicked without refreshing the page.

update.php

<form action ="" method="POST">
    User Name:<input type="text" id="uname" name="uname"/>
    Mobile Number:<input type="text" id="uname" name="uname"/>
    <input type="button" name="updatebtn" id="updatebtn" value="Update"/>
</form>

Is there is any way to do it by custom directives itself.

Improve this question
1
  • I think you need a routing module, like ngRoute or ui.router (better with nested views). (Also why do you need a .php file? You can use ng-submit on your form too) Commented Oct 29, 2018 at 9:38
Related questions
0
How to Click on a button under Insert tag using selenium webdriver
1
change html form value, load page & click button
7
FB Like button shows up only once - on first load of my AngularJS view
Load 4 more related questions Show fewer related questions

0

Reset to default

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.