i created app angularjs 1.5 component router, how let parent component pass values child component inside , child component binds callbacks parent component like:
app.js
angular.module('newsapp',['ngcomponentrouter']) .config(['$locationprovider', function($locationprovider) { $locationprovider.html5mode(true); }]) .value('$routerrootcomponent', 'mynews') components.js
angular.module('newsapp') .component('mynews', { templateurl: '/mynews.html', controller: ['newsfactory',shamranewsctrl], $routeconfig: [ {path: '/', name: 'mylatestnews', component: 'mylatestnews', useasdefault: true}, {path: '/:category', name: 'mynewslist', component: 'mynewslist'}, ] }).component('mylatestnews', { templateurl: '/latestnews.html', controller: ['newsfactory', mylatestnewsctrl], }).component('mynewslist', { templateurl: '/newslist.html', controller: ['newsfactory', mynewslistctrl], }) mynews.html
<div class="input-group"> <input type="text" class="form-control" ng-bind="$ctrl.query" placeholder="search for..."> <span class="input-group-btn"> <button class="btn search-btn btn-success" type="submit"> <i class="fa fa-search"></i> </button> </span> </div> <div> <div class="sh-news-cat list-group"> <a ng-repeat="(key, catval) in $ctrl.categories" class="list-group-item" ng-class="{active:$ctrl.select.selected == key}" ng-link="['mynewslist', {category: key}]"> {{ catval}} <span ng-show="$ctrl.selected.spinner == key"><i class="fa-lg fa fa-spinner fa-spin"></i></span> </a> </div> </div> <div> <ng-outlet></ng-outlet> </div> latestnews.html
<div class="last-news-container"> <div class="latest-news" ng-repeat="(key, newslist) in $ctrl.latestnews"> <h3 class="section-title"> {{ newslist.title}} </h3> <hr> <div class="section-body"> <div class="news-item" ng-repeat="sectionlist in newslist.result"> <div class="news-info"> <h3>{{ sectionlist.title }}</h3> <p>{{ sectionlist.content }}</p> </div> </div> </div> <div class="more-news"> <a ng-link="['mynewslist', {category: key}]" ng-hide="$ctrl.seemore"> see more ... </a> </div> </div> </div> so when click on seemore in latestnews.html want (sent or change) category value in mynews component
and when use type in input box need pass value component
