MobileFirst Analytics not working on other functions - ibm-mobilefirst

Question

In ibm mobilefirst v7.0, I'm implementing the mfp analytics with angularjs.
"Log 1" is being showed in analytics console while "Log 2" is not.
Only the analytics that is called on my init function is being shown on the console, and on all the other functions, its not being shown on the console.
One weird encounter is the logs "MF analytics pushed to server successfully" is being called, so I could assume that its a success, but only "Log 1" is being shown and "Log 2" is not.
What could be the problem that "Log 2" is not being shown, or the logs on all other functions aside from init is not being shown on the console?
/** Initialization */
$scope.init = function() {
var log = {
"log" : "Log 1"
}
customMFAnalytics(log)
}
/** Called when the user press login */
$scope.login = function() {
var log = {
"log" : "Log 2"
}
customMFAnalytics(log)
}
$scope.init();
/** MFP Analytics */
function customMFAnalytics(event){
WL.Analytics.log(event);
WL.Analytics.send().then(function(state) {
console.log("MF analytics pushed to server successfully");
}).fail(function(errObj) {
console.log("Error while pushing MF analytics to server");
});;
}