Как вывести данные на странице шаблона без использования тега <a>?

Question

Как вывести данные на странице шаблона без использования тега <a>?

0

Я работаю над приложением angularjs, и я хочу отображать данные со страницей шаблона, если это возможно. Например:

<div data-ng-view=""></div>

<input type="text" name="name" data-ng-model="post.name"/>
<input type="text" name="comment" data-ng-model="post.comment"/>
<button data-ng-click="">Post</button>

Я обычно делаю это таким образом, но мне просто интересно, возможно ли, что я смогу добиться этого с помощью кнопки?

<a href="#post/{{name}}">Post</a> //HTML

app.config(['$routeProvider', function ($routeProvider) {
    $routeProvider.
    when('/post/:name', {
        templateUrl: 'template.html', 
        controller: 'postCtrl'
    });
}]);

app.controller('postCtrl', function ($scope, $routeParams) {  
    $scope.name = $routeParams.name;
    $scope.comment = $routeParams.comment;
});

Когда кнопка нажата, введенные данные будут отображаться на странице шаблона следующим образом.

name1: this is a comment
name2: this is another comment

Joey Zhang 05 июнь 2016, в 16:43

Источник

0

Ваш вопрос не ясен ... Вы пытаетесь сделать двухстороннее связывание с событием клика?
the scion 05 июнь 2016, в 13:58
0

Пожалуйста, предоставьте полное описание того, что именно вы пытаетесь сделать. Если честно, на самом деле кажется, что вам нужно изучить некоторые базовые учебные пособия по угловым направлениям, такие как руководство на сайте документации, в котором показано, как использовать маршрутизатор, службы, модели контроллеров и т. Д.
charlietfl 05 июнь 2016, в 14:05
0

Вы правы, я новичок в английском, хотя я узнал некоторые базовые знания об этом в моем UNI.
Joey Zhang 05 июнь 2016, в 14:16

Показать ещё 1 комментарий

Теги:

angularjs

angularjs-templates

2 ответа

Ещё вопросы

Ваш вопрос не ясен ... Вы пытаетесь сделать двухстороннее связывание с событием клика?
Пожалуйста, предоставьте полное описание того, что именно вы пытаетесь сделать. Если честно, на самом деле кажется, что вам нужно изучить некоторые базовые учебные пособия по угловым направлениям, такие как руководство на сайте документации, в котором показано, как использовать маршрутизатор, службы, модели контроллеров и т. Д.
Вы правы, я новичок в английском, хотя я узнал некоторые базовые знания об этом в моем UNI.

Sajal · Answer 1 · 2016-06-05T12-49-00.000Z

Попробуйте $location.path():

Html:

<button data-ng-click="postCall()">Post</button>

Ввести зависимость $location в контроллере как:

app.controller('myCtrl', function ($scope, $location) {  
    $scope.postCall = function() {
       $location.path("#post/" + $scope.name)
    };
});

Документация

Max · Answer 2 · 2016-06-05T13-10-00.000Z

Может, тебе нужно что-то вроде этого?

{{ name }}
<br>
{{ comment }}

В контроллере:

$scope.onClick = function () {
  $scope.name = 'this is name';
  $scope.comment = 'this is comment';
}