Загрузите другое представление html одним нажатием кнопки, используя пользовательские директивы angular js

index.html

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

Вот код angular js для загрузки другой html-страницы в div id viewuserdiv.

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

вот мой 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>

Теперь после загрузки представления мне нужно загрузить другое представление, т.е. update.php при нажатии кнопки «updateUser» без обновления страницы.

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>

Есть ли способ сделать это с помощью самих настраиваемых директив.

Я думаю, вам нужен модуль маршрутизации, например ngRoute или ui.router (лучше с вложенными представлениями). (Также зачем вам файл .php? Вы также можете использовать ng-submit в своей форме)

— 29.10.2018 10:38

php html angularjs angularjs-directive

29.10.2018 09:50

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Symfony Station Communiqué - 7 июля 2023 г

Это коммюнике первоначально появилось на Symfony Station .

Оживление вашего приложения Laravel: Понимание режима обслуживания

Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...

Установка и настройка Nginx и PHP на Ubuntu-сервере

В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.

Коллекции в Laravel более простым способом

Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...

Как установить PHP на Mac

PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...

Другие вопросы по теме

HTMLPurifier - Редактирование целевых тегов

Соотношение сторон изображения Wordpress

Установите флажок при нажатии на div, но не на изображение

Есть ли способ отключить Jumbotron только на мобильном телефоне в Bootstrap 4?

Обновление / изменение текста ячейки таблицы после JQuery

Javascript <input> не работает с IE 11

Как сделать диаграмму горизонтально прокручиваемой

Обнаружить красную линию в HTML

Как показать несколько RadioButton в двух столбцах

Bootstrap 4 NAVBAR с тремя элементами

Загрузите другое представление html одним нажатием кнопки, используя пользовательские директивы angular js

Другие вопросы по теме

Похожие вопросы